@media only screen and (max-width:1140px){
.inventories { width:210px!important; bottom:-11px; left:-155px; }
}

@media only screen and (max-width:1024px){
#bannerwrapper .bannertext span { font-size:50px; line-height:60px; }
#bannerwrapper .bannertext p { font-size:20px; margin:30px 0 40px 0;}
.productwrapper ul li a .text { font-size:18px; margin-top:15px; }
.welcometext .wrapper h1 { font-size:40px; padding:60px 0 0 0; }
.mission-text h2 { font-size:40px; }
.contentwrapper h2 { font-size:40px; padding:60px 0 0 0; }
.footerform h2 { font-size:40px; padding:60px 0 0 0; }
.map { padding:30px; }
.address { width:40%; background-size:48px 48px; padding:0 0 0 60px; font-size:16px; line-height:28px; margin-bottom:30px; }
.phone { width:26%; background-size:48px 48px; padding:0 0 0 60px; font-size:16px; line-height:28px; margin-bottom:30px; }
.email { width:34%; background-size:48px 48px; padding:0 0 0 60px; font-size:16px; line-height:28px; margin-bottom:30px; }

.container h1 { font-size:40px; padding:60px 0 0 0; }
.container2 h1 { font-size:40px; padding:60px 0 0 0; }
.footerform { padding:30px; }

.bluesection .content-row .text { width:49%; padding-right:50px; }
.bluesection .content-row .thumb { width:51%; }
}

@media only screen and (max-width:900px){
p { line-height:24px; font-size:16px; margin:0 0 22px 0; }
.navigation { display:none; margin-top:0; position:absolute; z-index:99999; background: rgba(0,0,0, 0.95); left:0; top:103px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; width:100%; padding:20px 0; }
.sticky .navigation { margin:0; }
#menu-btn { padding:0; cursor:pointer; display:block; font-size:28px; float:right; color:#FFFFFF; margin-top:23px; }
.navigation ul li { padding:0; width:100%; margin:0; }
.navigation ul li a {  padding:10px 0px; display:block; color:#FFFFFF }
.navigation ul li ul { width:100%; float:left; position:relative; top:0; background:none; }
.navigation ul li:hover ul { padding:0; }
.navigation ul li ul li { padding:0 0 0 15px; }
.navigation ul li.submenu:after { right:0; top:11px; }
.logo img  { width:70px; display:block; height:auto; transition: all 0.2s ease-in-out 0s; -webkit-transition: width 1s; -moz-transition: width 1s; -ms-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
.sticky .logo img  { width:70px; -webkit-transition: width 1s; -moz-transition: width 1s; -ms-transition: width 1s; -o-transition: width 1s; transition: width 1s; }

.productwrapper { padding:200px 0 180px 0; margin-top:-205px; margin-bottom:-205px; position:relative; }
.productwrapper ul { width:100%; margin:0; text-align:center; }
.productwrapper ul li { width:33.33%; margin:0 -2px 30px -2px; padding:0 10px; float:none; display:inline-block; vertical-align:top }
#bannerwrapper .bannertext { padding:75px 0 160px 0; }

#headerwrapper { padding-top:105px; }

.welcometext { padding:170px 0 70px 0; }
.welcometext .wrapper h1 { font-size:34px; }
.missionsection { padding:110px 0 110px 0; }
.mission-text h2 { font-size:34px; }
.contentwrapper:before { height:135px; top:-130px; }
.contentwrapper h2 { font-size:34px; margin-top:30px }
.footerform h2 { font-size:34px; }

.map { padding:20px; }
.address { width:100%; margin-bottom:20px; }
.phone { width:38%; margin-bottom:20px; }
.email { width:62%;  margin-bottom:20px; }

.copyright li { padding:0 7px 0 7px; border:0; }
.copyright li:first-child { padding:0 7px 0 7px; }

.innerheader { padding-bottom:60px; }

.container h1 { font-size:34px; margin:30px 0 30px 0;  }
.container2 h1 { font-size:34px; margin:30px 0 30px 0;  }
.container:after { height:135px; bottom:-130px; }
.footercommon { padding-top:50px; }
.footerform { padding:20px; }
.bluesection { padding:50px 0 100px 0;  }
.breadcrumb { margin:-30px 0 40px 0;  }

.bluesection .content-row .text { width:100%; float:left; margin:0 0 35px 0; padding-right:0; }
.bluesection .content-row .thumb { width:100%; float:left; margin:0; }
.bluesection .content-row .text p { font-size:20px; line-height:30px; margin:0 0 10px 0; }
.content-margin-m { margin:50px 0 0 0!important; }
.roll { left:auto; right:20px; }
.bags { left:auto; right:0px; }
.inventories { width:350px!important; bottom:-9px; left:auto; right:10px; z-index:2; }
}

@media only screen and (max-width:767px){
#bannerwrapper .bannertext { padding:55px 0 60px 0; }
#bannerwrapper .bannertext span { font-size:40px; line-height:50px; }
#bannerwrapper .bannertext p { font-size:18px; margin:30px 0 40px 0;}
.learnmore { font-size:16px; line-height:40px; border:2px solid #FFFFFF; padding:0 25px; }

.productwrapper { background:#00295f; margin:0; padding:40px 0 10px 0;}
.productwrapper ul li a .text { font-size:16px; }

.welcometext { padding:40px 0 40px 0; }
.welcometext .wrapper h1 { font-size:30px; }
.welcometext .wrapper p.largetext { font-size:20px; line-height:30px; }

.missionsection { padding:60px 0; }
.mission-text h2 { font-size:30px; }
.mission-text p.largetext { font-size:20px; line-height:30px; }

.contentwrapper:before { display:none; }
.container:after { display:none; }
.contentwrapper h2 { font-size:30px; }
.footerform h2 { font-size:30px; }
.contentwrapper p.largetext { font-size:20px; line-height:30px; }

.contentwrapper .contactform .row .textbox { font-size:16px; padding:10px 15px; height:45px; }
.contentwrapper .contactform .row .textarea { font-size:16px; padding:10px 15px; height:165px; }
.contentwrapper .contactform .row .submit-btn { font-size:16px; line-height:40px; border:2px solid #006fa6; padding:0 40px; }

.map iframe { height:220px; }

.footerlogo img { width:70px; }
.footermenu { padding:15px 0; }
.copyright { padding:10px 0; }
.footermenu ul li { margin:0 15px; }

.innerheader { padding-bottom:0px; }

.container h1 { font-size:30px; }
.container2 h1 { font-size:30px; }

.footercommon { padding-top:0px; }
.bluesection { padding:40px 0; }
.product-list li { width:50%; margin:0 -2px 15px -2px; }
.product-list-2 li { width:50%; margin:0 -2px 15px -2px; }
h3 { font-size:20px; margin:30px 0 10px 0; }
.roll { bottom:0; right:20px; }
.bags { bottom:-20px; width:250px!important; }
.thumb-m { padding-bottom:50px; }
}

@media only screen and (max-width:600px){
.productwrapper ul li { width:50%; }
.contentwrapper .contactform .row .col { width:100%; }
.footerform .row .col { width:100%; }
.footerform .row .textarea { height:100px; }
.roll { width:250px!important; bottom:-15px; right:20px; }
}

@media only screen and (max-width:533px){
.inventories { width:70%!important; bottom:-9px; left:auto; right:10px; z-index:2; }
.bags { bottom:-30px; width:190px!important; }
}

@media only screen and (max-width:480px){
#bannerwrapper .bannertext span { font-size:30px; line-height:40px; }
#bannerwrapper .bannertext p { font-size:18px; margin:30px 0 40px 0;}

.address { width:100%; font-size:16px; line-height:28px; }
.phone { width:100%; font-size:16px; line-height:28px; }
.email { width:100%; font-size:16px; line-height:28px; }
.inventories { bottom:-6px; }
}

@media only screen and (max-width:479px){
#bannerwrapper .bannertext span { font-size:20px; line-height:30px; }
#bannerwrapper .bannertext p { font-size:16px; margin:30px 0 40px 0;}

.productwrapper ul li { width:100%; padding:0 }

.welcometext .wrapper h1 { font-size:22px; padding:55px 0 0 0; margin-bottom:15px; }
.mission-text h2 { font-size:22px; margin-bottom:15px; }
.contentwrapper h2 { font-size:22px; padding:55px 0 0 0; margin-bottom:15px; }
.footerform h2 { font-size:22px; padding:55px 0 0 0; margin-bottom:15px; }
.map { padding:15px; }
.address { width:100%; font-size:14px; line-height:24px; background-size:36px; padding-left:46px; }
.phone { width:100%; font-size:14px; line-height:24px; background-size:36px; padding-left:46px; }
.email { width:100%; font-size:14px; line-height:24px; background-size:36px; padding-left:46px; }

.footermenu ul li { margin:5px -2px; width:50%; }

.container h1 { font-size:22px; padding:55px 0 0 0; margin-bottom:15px; }
.container2 h1 { font-size:22px; padding:55px 0 0 0; margin-bottom:15px; }
.breadcrumb { width:100%; display:block; margin:-10px 0 25px 0; }
.footerform { padding:15px; }
.product-list li { width:100%; margin:0 0 15px 0; }
.product-list-2 li { width:100%; margin:0 0 15px 0; }
}


@media only screen and (max-width:375px){
.inventories { bottom:-3px; }
}

@media only screen and (max-width:320px){
.inventories { bottom:0; }
}