@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 995px) and (max-width: 1024px) {
 body {
min-width:768px;
}

.container {margin: 0 auto; width:100%;}
.logo-area {float: left;width: 20%;}
.logo-area a img{ width:100%;}
.top-nav-area {float: left; width: 80%;}
.mail-msg a {float: right; font-size:14px;}
.mail-msg a img{ width:10%;  margin-left:5px; top: 3px;}
.top-nav {margin-top:20px; margin-right:200px; width:94%;}
.top-nav ul li a {font: 15px/100% MyriadProBold; font-weight:normal;}

.mdcent{ width:100%; display:inline-block;}
.mdcent li{ width:9%;}
.recycle-area ul li h2 {font: 18px MyriadProRegular;padding-top: 35px;}
.imarto{ margin-top:80px; width:50%;}

.footer-area ul li a {color: #e5a824;font: 15px/100% MyriadProBold;text-decoration: none;}
.footer-area ul li a img {left: 10px; position: relative;top: 3px;width:15%;}


.req-top {border: 2px solid #e5a824;font: 16px/100% MyriadProBold;padding: 20px 15px;}
.inter-para p {font: 15px/22px MyriadProRegular; padding:20px;}
.ovr-area p {font: 15px/22px MyriadProRegular;}

.recycle-area p {font: 15px/22px MyriadProRegular;  padding:0px 20px;}


.global-content ul li img {float: left;margin-bottom: 50px;width: 28%;}
.gl-describe {float: right;width: 70%;}
.gl-describe p {font: 15px/28px MyriadProRegular;}

.dis-bg h2 {font: bold 24px/26px arial; padding:0px 20px;}

.carriers-info-area ul li a {font: 20px/100% MyriadProBold; padding-left:20px;}
.carriers-info-area ul li a img { left: 6px;top: 9px;width: 37px;}
.carriers-info-area ul li:nth-child(2) a img {left: -5px; top:4px;}

.cr-img { width:48%; float:left; margin-bottom:20px; padding:1%; }
.cr-img img{ width:100%;} 
.carrire-cont {float: right;width: 48%; padding:1%;}
.carrire-cont p {font: 16px/30px MyriadProRegular;}

.left-contact {float: left; width:46%;margin:2%;}
.right-contact{ float:right; width:46%;margin:2%;}
.left-contact > h1 {font: 20px/100% MyriadProBold;}
.left-contact p{font: 18px/26px MyriadProBold;}
.right-contact h1 {font: 20px/100% MyriadProBold;}
.right-contact input { width: 90%;}
.right-contact textarea {width: 90%;}
.right-contact button { float:left;}

.req-quotes{width:96%;margin:2%;}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
 body {
min-width:768px;
}

.container {margin: 0 auto; width:100%;}
.logo-area {float: left;width: 20%;}
.logo-area a img{ width:100%;}
.top-nav-area {float: left; width: 80%;}
.mail-msg a {float: right; font-size:14px;}
.mail-msg a img{ width:10%;  margin-left:5px; top: 3px;}
.top-nav {margin-top:20px;}
.top-nav ul li a {font: 13px/100% MyriadProBold; font-weight:normal;}

.mdcent{ width:100%; display:inline-block;}
.mdcent li{ width:7%;}
.recycle-area ul li h2 {font: 14px MyriadProRegular;padding-top: 35px;}
.imarto{ margin-top:130px; width:50%;}

.footer-area ul li {
  width: 33%;
}
.req {
  border: 1px solid #e5a824;
  display: block;
  font-size: 14px !important;
  margin: 0 auto;
  padding: 10px 15px;
  text-align: center;
  text-transform: capitalize;
  width: 50%;
}
.footer-area ul li a {color: #e5a824;font: 12px/100% MyriadProBold;text-decoration: none;}
.footer-area ul li a img {
  left: 10px;
  position: relative;
  top: 3px;
  width: 10%;
}
.req-top {border: 2px solid #e5a824;font: 16px/100% MyriadProBold;padding: 20px 15px;}
.inter-para p {font: 15px/22px MyriadProRegular; padding:20px;}
.ovr-area p {font: 15px/22px MyriadProRegular;}

.recycle-area p {font: 15px/22px MyriadProRegular;  padding:0px 20px;}

.global-content ul li img {float: left;margin-bottom: 50px;width: 28%;}
.gl-describe {float: right;width: 70%;}
.gl-describe p {font: 15px/28px MyriadProRegular;}

.dis-bg h2 {font: bold 24px/26px arial; padding:0px 20px;}

.carriers-info-area ul li a {font: 20px/100% MyriadProBold; padding-left:20px;}
.carriers-info-area ul li a img { left: 6px;top: 9px;width: 37px;}
.carriers-info-area ul li:nth-child(2) a img {left: -5px; top:4px;}

.cr-img { width:46%; float:left; margin-bottom:20px; padding:2%; }
.cr-img img{ width:100%;} 
.carrire-cont {float: right;width: 46%; padding:2%;}
.carrire-cont p {font: 16px/30px MyriadProRegular;}


.left-contact {float: left; width:46%;margin:2%;}
.right-contact{ float:right; width:46%;margin:2%;}
.left-contact > h1 {font: 20px/100% MyriadProBold;}
.left-contact p{font: 18px/26px MyriadProBold;}
.right-contact h1 {font: 20px/100% MyriadProBold;}
.right-contact input { width: 90%;}
.right-contact textarea {width: 90%;}
.right-contact button { float:left;}

.req-quotes{width:96%;margin:2%;}


}


/* for 700px or less */
@media only screen and (max-width: 767px) {
 body {min-width:300px;}

.mdcent{ width:100%; display:inline-block;}
.mdcent li{ width:100%; }
.recycle-area ul li h2 {font: 22px MyriadProRegular;padding-top: 35px; width:100%;}
.imarto{ width:50%; display:none;}

.footer-area ul li{ width:68%; margin-bottom:20px;}
.footer-area ul li a {color: #e5a824;font: 16px/100% MyriadProBold;text-decoration: none;}
.footer-area ul li a img {left: 10px; position: relative;top: 3px;width:15%;}

.inner-page-areas > h2 {
  font: 25px/100% MyriadProBold;
}
.top-inner-req{width:69%;}
.req-top {border: 2px solid #e5a824;font: 16px/100% MyriadProBold;padding: 20px 15px; }
.inter-para p {font: 15px/22px MyriadProRegular; padding:20px;}
.ovr-area p {font: 15px/22px MyriadProRegular;}

.recycle-area p {font: 15px/22px MyriadProRegular;  padding:0px 20px;}

.global-content ul li img {float: left;margin-bottom: 50px;width: 100%;}
.gl-describe {float: right;width: 100%;}
.gl-describe p {font: 15px/28px MyriadProRegular;}

.dis-bg h2 {font: bold 24px/26px arial; padding:0px 20px;}

.carriers-info-area ul li{ width:50%; float:left; padding:0px; margin:0px;}
.carriers-info-area ul li a {font: 11px/100% MyriadProBold; }
.carriers-info-area ul li a img { left: 6px;top:2px;width:15px;}
.carriers-info-area ul li:nth-child(2) a img {left:6px; top:0px;}

.cr-img { width:96%; float:left; margin-bottom:20px; padding:2%; }
.cr-img img{ width:100%;} 
.carrire-cont {float: right;width: 96%; padding:2%;}
.carrire-cont h1 {font: 25px/100% MyriadProBold;}
.carrire-cont p {font: 16px/30px MyriadProRegular;}


.left-contact {float: left; width:96%;margin:2%;}
.right-contact{ float:right; width:96%;margin:2%;}
.left-contact > h1 {font: 20px/100% MyriadProBold;}
.left-contact p{font: 18px/26px MyriadProBold;}
.right-contact h1 {font: 20px/100% MyriadProBold;}
.right-contact input { width: 90%;}
.right-contact textarea {width: 90%;}
.right-contact button { float:left;}

.req-quotes{width:96%;margin:2%;}


}


/* for 480px or less */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 body {min-width:420px;}
 
 mdcent{ width:100%; display:inline-block;}
.mdcent li{ width:100%; }
.mdcent li img{ margin-left:20%;}
.recycle-area ul li h2 {font: 22px MyriadProRegular;padding-top: 35px; width:100%;}
.imarto{ width:50%; display:none;}

.footer-area ul li{ width:68%; margin-bottom:20px;}
.footer-area ul li a {color: #e5a824;font: 16px/100% MyriadProBold;text-decoration: none;}
.footer-area ul li a img {
  left: 10px;
  position: relative;
  top: 3px;
  width: 5%;
}
.logo-area {
  float: left;
  margin: 20px auto;
  width: 100%;
}

.top-inner-req{width:79%;}
.req-top {border: 2px solid #e5a824;font: 16px/100% MyriadProBold;padding: 20px 15px; }
.inter-para p {font: 15px/22px MyriadProRegular; padding:20px;}
.ovr-area p {font: 15px/22px MyriadProRegular;}

.recycle-area p {font: 15px/22px MyriadProRegular;  padding:0px 20px;}

.global-content ul li img {float: left;margin-bottom: 50px;width: 100%;}
.gl-describe {float: right;width: 100%;}
.gl-describe p {font: 15px/28px MyriadProRegular;}

.dis-bg h2 {font: bold 24px/26px arial; padding:0px 20px;}

.carriers-info-area ul li{ width:50%; float:left; padding:0px; margin:0px;}
.carriers-info-area ul li a {font: 14px/100% MyriadProBold; }
.carriers-info-area ul li a img { left: 6px;top:2px;width:20px;}
.carriers-info-area ul li:nth-child(2) a img {left:6px; top:0px;}

.cr-img { width:96%; float:left; margin-bottom:20px; padding:2%; }
.cr-img img{ width:100%;} 
.carrire-cont {float: right;width: 96%; padding:2%;}
.carrire-cont h1 {font: 25px/100% MyriadProBold;}
.carrire-cont p {font: 16px/30px MyriadProRegular;}


.left-contact {float: left; width:96%;margin:2%;}
.right-contact{ float:right; width:96%;margin:2%;}
.left-contact > h1 {font: 20px/100% MyriadProBold;}
.left-contact p{font: 18px/26px MyriadProBold;}
.right-contact h1 {font: 20px/100% MyriadProBold;}
.right-contact input { width: 90%;}
.right-contact textarea {width: 90%;}
.right-contact button { float:left;}

.req-quotes{width:96%;margin:2%;}

}