@media only screen and (min-width:1024px) and (max-width:1440px){
    #main-menu ul li {margin-left: 9px;}
    #industries-we-serve ul.items li .icon {width: 140px; height: 140px;}
    #industries-we-serve ul.items li .icon i {transform: scale(0.8);}
    #industries-we-serve ul.items li p {font-size: 93%;}
    .product-listing .item .img-container img {max-width: 70%;}
    #tab-style1 ul.nav li a{font-size: 100%; padding: 18px 6px;}
}

@media only screen and (min-width:1003px) and (max-width:1024px)
{
    header #logo {width: 115px;}
    #main-menu ul li {margin-left: 0px;}
    #main-menu ul li a {font-size: 93%;}
    #main-menu ul li.email a {padding-right: 0;}
}
@media only screen and (min-width:768px) and (max-width:1002px)
{
    body, table, input, textarea, select {font-size: 13px;}
    #mobile-menu-icon {display: block; top: 14px;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; z-index:10; background:#fff; overflow: hidden;}
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#40a447; right: -250px; display: block; border-left: 3px solid #000;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu ul li i {display: none;}
    #main-menu {display: none;}
    #mobile-menu-icon {top: 24px;}
    #mobile-menu-icon span, #mobile-menu-icon span::before, #mobile-menu-icon span::after {width: 30px; height: 3px;}
    header #logo {width: 100px; }
    
    #banner ul.slides li {background-size: auto 100% !important;}
    #banner .bx-wrapper .bx-controls-direction a.bx-prev {left: 0;}
    #banner .bx-wrapper .bx-controls-direction a.bx-next {right: 0;}
    
    footer {text-align: center;}
    footer .pull-right {float: none !important; margin-bottom: 10px;}
    
    #banner-inner {display: table; width: 100%; height: 100%;}
    #banner-inner .overlay {padding: 50px 0; position: inherit; height: auto;}
    #banner-inner h1 {font-size: 250%; margin: 0; padding-left: 20px;}
    #banner-inner h1::before {height: 88%;}
    .breadcrumb {display: none;}
    
    .pg-pic {margin: 0 auto 20px;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    body, table, input, textarea, select {font-size: 13px;}
    #mobile-menu-icon {display: block; top: 12px;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; z-index:10; background:#fff; overflow: hidden;}
    header {position: fixed; width: 100%; left: 0; top: 0;}
    header #logo {width:70px}
    #top ul.contact li {margin-right: 5px;}
    #top ul.contact li:first-child:after {display: none;}
    #top ul.contact li a .icon {width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; background-color: #fff; color: #323232; margin: 0;}
    #top ul.contact li a:hover .icon {background-color: #40a447; color: #fff;}
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#40a447; right: -250px; display: block; border-left: 3px solid #000;}
    #mobile-menu.active{right:-250px;}
    #main-menu {display: none;}
    #language {float: none; position: absolute; top: 0; right: 110px; width: auto;}
    #google_translate_element img {display: none;}
    #language .goog-te-gadget-simple {font-size: 11px;}
    #language .goog-te-gadget-simple .goog-te-menu-value span:first-child {padding-right: 5px;}
    #language .goog-te-gadget-simple .goog-te-menu-value span:nth-child(n+2) {padding-left: 3px;}

    #banner ul.slides li {background-size: auto 100% !important;}
    #banner .bx-wrapper .bx-controls-direction a.bx-prev, #banner .bx-wrapper .bx-controls-direction a.bx-next {width: 60px; height: 30px; line-height: 30px; font-size: 100%;}
    #banner .bx-wrapper .bx-controls-direction a.bx-prev {left: 0;}
    #banner .bx-wrapper .bx-controls-direction a.bx-next {right: 0;}
    #banner .banner-txt01 {width: 90%;}
    #banner .banner-txt01 .title .big {font-size: 20px;}
    #banner .banner-txt01 .title .small {font-size: 15px;}
    #banner .banner-txt01.right-text {left: 0;}

    h2 {font-size: 20px;}
    h2.sub-title {font-size: 180%;}
    h2.sub-title span {font-size: 70%;}
    #our-products .owl-dots, #industries-we-serve .owl-dots {right: auto; left: 0; font-size: 150%;}
    #our-products .owl-nav .owl-prev, #our-products .owl-nav .owl-next,
    #industries-we-serve .owl-nav .owl-prev, #industries-we-serve .owl-nav .owl-next {width: 40px; height: 35px;}
    #our-products .owl-nav .owl-prev::before, #our-products .owl-nav .owl-next::before,
    #industries-we-serve .owl-nav .owl-prev::before, #industries-we-serve .owl-nav .owl-next::before {transform: scale(0.7);}
    
    #about-tlb {padding: 30px 0;}
    #about-tlb p {font-size: 130%;}
    #about-tlb .btn-custom.md {font-size: 125%; width: 100px; margin-top: 0;}
    
    #industries-we-serve ul.items li .icon {width: 120px; height: 120px;}
    #industries-we-serve ul.items li .icon i {transform: scale(0.8);}

    #banner-inner {display: table; width: 100%; height: 100%;}
    #banner-inner .overlay {padding: 50px 0; position: inherit; height: auto;}
    #banner-inner h1 {font-size: 200%; margin: 0; padding-left: 20px;}
    #banner-inner h1::before {height: 88%;}
    .breadcrumb {display: none;}

    .pg-pic {margin-bottom: 20px;}

    #tab-style2-accordion .panel-title{margin: 0;}
    #tab-style2-accordion .panel-title a{color:#393939; text-decoration: none; font-size: 115%; margin: 0; text-transform: uppercase;display: block; position: relative;}
    #tab-style2-accordion .panel-title a.js-tabcollapse-panel-heading:before,#tab-style2-accordion .panel-title a.js-tabcollapse-panel-heading:after{
        position: absolute; content: ""; background-color: #000;}

    #tab-style2-accordion .panel-title a.js-tabcollapse-panel-heading:after{position: absolute; right: 0; top: 6px; content: ""; display: block; background-color: #000; height: 2px; width: 15px;}
    #tab-style2-accordion .panel-title a.js-tabcollapse-panel-heading.collapsed:after{right:0px; top:6px;  width:15px; height: 2px;}
    #tab-style2-accordion .panel-title a.js-tabcollapse-panel-heading.collapsed:before{right:6px;  top:0px; width:2px; height:15px;}


    #tab-style2-accordion.panel-group .panel + .panel{margin-top: 15px;}
    #tab-style2-accordion.panel-group .panel{border-radius: 0;}
    #tab-style2-accordion .product-pic{height: 180px; position: relative;}
    #tab-style2-accordion .product-name{ font-size: 107%; font-weight:500; color: #000000; text-align: center; margin-bottom:15px; }
    #tab-style2-accordion .product-pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

    #contact{overflow: hidden;}
    #contact .address-container{margin: 0 auto;}
    #contact .container{top: auto; bottom: -275px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
    #contact .address-container .caret-icon{display: block;}
    #contact .address-container h2{font-size: 130%;}

}

@media only screen and (min-width:320px) and (max-width:480px){
    #tab-style2-accordion .panel-body .row [class^="col-"]{width: 100%;} 
    #tab-style2-accordion .product-box{margin:15px 0;}
    #tab-style2-accordion .product-name{margin:10px 0;}
    #tab-style2-accordion .product-pic{height: auto;}
    #tab-style2-accordion .product-pic img{position: relative;}
}