@media only screen and (max-width: 1099px) {
img, #innerfullbanner{ max-width:100%;}
#fullheader{ height:auto; background:#001935; float:left; padding-bottom:20px;}
#fullproduct{ height:auto; float:left; padding-bottom:15px;}
#mn_ban, #footer, #product_box, #wrapper, #topheader, #container, #logo_scroll, #border_bar, .slider-wrap, #main_product, #top_brand, #sucere_box, #green_bulk, #services_box, .slider, #main_menu, #orderbox{ width:96% !important;}
.slider{ width:100%;}
#ordernow{ margin:20px 0; float:none; display:inline-block;}
#call_chat, #orderbox{ width:100%; text-align:center;}
#fulltopheader{ float:left; height:auto; text-align:center;}
#corp_addrs, #corp_addrs1, #corp_addrs2, .copyright{ width:31%; margin:20px 1% 7px; height:auto;}
#logo{ width:20%;}
#paper_mill, #paper_pulp{ width:48%;}
ol li span{ width:auto;}
#call_spprt{ width:40%; text-align:center; margin-left:0; margin-left:15%;}
#request_btn{ width:15%;}
#call_us{ width:30%;}
#prdt_bx{ width:25%;}
.pdt_lnk{ line-height:18px; margin-bottom:20px;}
#googlemap{ width:48%;}
#googlemap iframe{ width:100%;}
#copyright{ width:20%; line-height:18px;}
#footer .clear_left{ clear:inherit;}
#fullfooter{ height:auto; float:left;}
#prdct_box{ margin:0 2% 20px 0; width:31%; height:auto;}
#prdct_box h4{ font-size:16px;}
#prdct_box center img{ height:200px;}
}
@media only screen and (max-width: 900px) {
#product_box{ text-align:center;}
#mn_mnu ul li a{ width:auto;}
h5{ font-size:22px;}
#prdct_box{ margin:0 0 20px 0; width:100%; height:auto;}
#follow_us, #logo{ width:100%; text-align:center;}
#prdct_box center img{ height:auto;}
#email_spprt{ clear:both;}
.copyright{ text-align:center; clear:both; width:100%;}
#mainmenu{ width:100%;}
/*.slide{ overflow:visible;}
.slide, .slide ul, .slide ul li{ height:auto;}*/
#menu{ width:100%;}
#chkn_pic{ width:10%; text-align:right; margin:0;}
#chkn_pic1{ width:10%; text-align:left; margin:0;}
#welcome{ width:80%;}
h1{ font-size:30px;}
#fullmenu{ height:auto; float:left; text-align:center;}
#copyright a img{ width:40px; margin-bottom:15px;}

.menu-collapser {
    position: relative;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-color: #0E0E0E;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #45b812;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}

#mn_mnu.collapsed {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 99%;
}
#mn_mnu.collapsed > li { border-bottom: 1px solid #fff }

ul#mn_mnu.collapsed li .sub-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.menu-primary li .sub-toggle > i {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
ul#mn_mnu.collapsed li ul li { background-color: #BBB; }

ul#mn_mnu.collapsed li {
    display: block;
    width: 100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul#mn_mnu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background:#f0f0f0;
	color:#333333;
}
ul#mn_mnu.collapsed li .sub-collapser {
    height: 40px;
}
ul#mn_mnu.collapsed li > ul {
    display: none;
    position: static;
}
 
ul#mn_mnu.collapsed li .sub-collapser{ display:block;}
 #enquiry{ position:static !important;}
.slider-wrap{ width:96%;}
.jcarousel ul li span{ width:96%;}
.jcarousel ul li span img{ max-width:100%;}
.jcarousel-control-prev, .jcarousel-control-next{ position:static; text-align:center;}
} 
@media only screen and (max-width: 760px) {
.slide ul li{ height:auto;}
#skype_spprt{ margin:0; width:100%; text-align:center;}
#call_spprt, #logo, #request_btn, #call_us{ width:100%; text-align:center; margin-left:0;}
#prdt_bx, #copyright, #googlemap{ width:100%;}
#corp_addrs, #corp_addrs1, #corp_addrs2, .copyright{ width:100%; margin:0 0 15px 0;}
#social{ width:100%; text-align:center;}
#chkn_pic{ width:10%; text-align:right; margin:0;}
#chkn_pic1{ width:10%; text-align:left; margin:0;}
#welcome{ width:80%;}
h1{ font-size:25px;}
#fullmenu{ height:auto; float:left; text-align:center;}
#copyright a img{ width:40px; margin-bottom:15px;}
.contact-left{ width:100%;}
.contact-right{ width:100%;}
.lg_chkn{ margin:0;}
.slide{ height:270px;}
.content td{ display:block;}
#prdct_box{ margin:0 0 20px 0; width:99%;}
.sa-left{ left:0; position:static; float:left;}
.sa-right{ left:0; position:static; float:right;}
#call_whatsApp1, #call_whatsApp{ font-size:16px;}
#secure_payment{ width:100%; margin:0 0 20px 0;}
} 

@media only screen and (max-width: 500px) {
.slide { height: 170px;}
#fullwelcome{ height:auto;}
#fullwelcome .content{ background:#fff; padding:15px;}
.textfield, .textarea{ width:100%;}
}
