@media only screen and (min-width:1600px) and (max-width:1920px){
    .project-wrap h2.title{left: 54.5%;}
}

@media only screen and (min-width:1366px) and (max-width:1600px){
    .project-wrap h2.title{left: 53.5%;}    
    .pro-slider .item img{max-width: 80%;}
    
    #banner ul li .banner-pic img {max-width: 120%;}
    
}
@media only screen and (min-width:1360px) and (max-width:1440px){
    .pro-slider .item img{max-width1: 60%;}
}
@media only screen and (min-width:1131px) and (max-width:1366px){
}

@media only screen and (min-width:1003px) and (max-width:1024px){
    #header{padding:20px 0;}
    #main-menu ul li a{padding:15px 15px 25px;font-size:100%;}
    #main-menu ul li ul li a{font-size:100%;}

    #main-menu ul li{margin:0 -1px;}

    .padding{padding:70px 0;}

    #banner{height:650px;}
    #banner ul{height:650px;}
    #banner ul li{height:650px;}
    #banner ul li .banner-info .main-text{font-size: 400%;}
    #banner ul li .banner-info .btn-cust{bottom: 160px;}

    #about-block .block .title{font-size: 180%;}
    .info-items li{width: 213px; height: 213px;}
    .info-items li .text{font-size: 100%;}

    #product-range{padding-top: 415px;}
    #product-range:after{height: 88%; top: -15px;}

    .truck-block .first{left: -155px; width: 245px;}
    .truck-block .second{left: -155px; width: 285px;}
    .truck-block .third{right: -165px; width: 365px;}
    .truck-block .fourth{right: -135px; width: 335px;}
    .truck-block .fifth{right: -175px; width: 345px;}

    .pdf-block a{padding: 15px;}
    footer #top .links-outer h3{float: none; margin-bottom: 10px;}
    footer #top .links{float: none; text-align: left;}
    footer #top .links li{margin: 0 15px 0 0;}
    footer #bottom .social-media li a span{display: none;}
    footer #bottom .social-media li a{width: 70px;}
    #company-info .block{padding: 30px;}
    .support-block{padding: 50px 0 0 0;}
    .support-block .item{padding: 15px;}
    .img-outer .address { margin-left: -50px; margin-top: -20px;}

    #network-tabs{margin-top: 0;}
    .img-outer{margin: 0 -20px;}
    .img-outer img{display: none;}
    .img-outer .address,.img-outer .punjab.second{position:relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0 0 15px;}
    .img-outer .address .location{display: none;}
    .img-outer .address .info{position: relative; display: block; margin: 0 0 30px 0; width: auto; left: 0;}
    .img-outer .address:first-child .info{margin-top: 0;}
    .img-outer .address .info:before{display: none;}

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

    #header{position1: relative; height: 77px; z-index:10; background-color: #fff; box-shadow: 0 -2px 8px 2px rgba(0,0,0,0.2); padding:10px 0;}
    #header.fixed{ padding:10px 0;}
    header #logo{width:120px;position:relative;z-index:1000;}

    #mobile-menu-icon{display:block;top:21px;}
    #main-menu{display:none;}
    #mobile-menu.active #main-menu{display:block !important;}
    #wrapper{width:100%;position:relative;z-index:10;background:#fff;}
    #mobile-menu{display:block; top: 77px; height: calc(100% - 77px);}
    #mobile-menu.active{right:-250px;}

    .padding{padding:50px 0;}
    .top50{margin-top: 30px;}    
    h2.title{margin-bottom: 30px;}


    #banner{height:500px;}
    #banner ul{height:500px;}
    #banner ul li{height:500px;}
    #banner ul li .banner-info .main-text{font-size:300%;}
    #banner ul li .banner-pic{bottom: 50px;}
    #banner ul li .banner-pic img{max-width: 100%;}
    #banner ul li .banner-info .btn-cust{bottom: 120px;}

    #about-block p.para{font-size: 120%;}
    #about-block .block .title{font-size: 180%;}
    #about-us h2.title{margin-bottom: 30px;}

    .info-items{max-width: 520px;}
    .info-items li{height: 170px; width: 170px;}
    .info-items li .text{font-size: 100%;}
    .info-items li .text span{font-size: 150%;}
    #product-range:after{top: -80px; height: 100%;}

    #inner-banner,#inner-banner .row{height: 200px;}

    h1{font-size: 240%;}
    .inner-block .project-wrap .right-column .content{padding: 30px;}
    .project-wrap .right-column .content p{margin-bottom: 20px;}
    #project-list .panel-default>.panel-heading a{font-size: 125%;}

    #about-block p.para br,#about-block .block p br{display: none;}
    #vision-block .block{padding: 30px;}
    #vision-block .block .title{margin-bottom: 15px; font-size: 120%;}
    #video-block .info h3{font-size: 160%;}
    footer #top h2.title{padding-top: 50px;}
    footer #top h3{font-size: 120%;}
    footer #top .links-outer{margin: 40px 0;}
    footer #top .links-outer h3{font-size: 100%; float: none; margin: 15px 0;}
    footer #top .links{float: none; text-align: left;}
    footer #top .links li{margin:0 15px 15px 0; }

    footer #bottom .social-media li a span{display: none;}
    footer #bottom .social-media li a{width: 80px;}

    #cmd-block .block{padding: 35px; font-size: 130%;}
    #tagline p{font-size: 180%;}
    #company-info .block{padding: 30px;}

    .pdf-block a{padding: 15px 0;}
    #product-block .item .img-wrapper .text{bottom: 0;}

    .gallery{margin-top: 35px;}
    .support-block{padding: 35px 0 0 0;}
    .support-block .item{padding: 30px; margin-bottom: 30px;}
    .truck-block{max-width: 100%; margin: 0 auto}
    .truck-block img{display: none; }
    .truck-block .section{position: relative; left: 8px; top: 0; width: 100%; }
    .truck-block .section:after{display: none;}
    .truck-block .section .line:before{display: none;}
    .truck-block .section .content{top: 0; max-width: 100%;}
    .truck-block .section.third .content,.truck-block .section.fourth .content{float: none; text-align: left;}
    .truck-block .section .title{font-size: 124%;}
    .truck-block .section.fourth .content, .truck-block .section.fifth .content{text-align: left; float: none;}
    .truck-block .fourth,.truck-block .fifth{padding: 0;}
    .truck-block.third-slide .fourth,.truck-block.third-slide .first,.truck-block.third-slide .second,.truck-block.third-slide .third,.truck-block.fourth-slide .first,.truck-block.fourth-slide .second,.truck-block.fourth-slide .third,.truck-block.fourth-slide .fourth,.truck-block.fourth-slide .fifth,.truck-block.fifth-slide .first,.truck-block.fifth-slide .second,.truck-block.fifth-slide .third,.truck-block.fifth-slide .section.third .content,.truck-block.sixth-slide .first,.truck-block.sixth-slide .third,.truck-block.sixth-slide .fourth,.truck-block.seventh-slide .first,.truck-block.seventh-slide .second,.truck-block.seventh-slide .third,.truck-block.seventh-slide .fourth,.truck-block.seventh-slide .fifth{top:0; width: auto;}
    .truck-block.fifth-slide .section.third .content{max-width: 100%;}
    .truck-block.second-slide .fourth{bottom: 0;}
    .truck-block .section .title br{display: none;}
    .truck-block.second-slide .fourth{right: auto; width: auto;}
    .truck-block.second-slide .third,.truck-block.third-slide .third,.truck-block.third-slide .first,.truck-block.third-slide .second,.truck-block.third-slide .fourth,.truck-block.second-slide .second,.truck-block.third-slide .fifth{width: auto; bottom: 0;}
    .truck-block.second-slide .second,.truck-block.third-slide .fourth{top: 0;}
    #attributes-slider .owl-nav{top: -60px;}

    .project-wrap .right-column .content{padding: 150px 30px 30px;}
    #f-home .inquiry-from { padding: 30px;}
    #f-home .inquiry-from .title{margin-bottom: 20px;}

    #network-tabs{margin-top: 0;}
    .img-outer{margin: 0 -20px;}
    .img-outer img{display: none;}
    .img-outer .address{position:relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0 0 15px;}
    .img-outer .address .location{display: none;}
    .img-outer .address .info{position: relative; display: block; margin: 0 0 30px 0; width: auto; left: 0;}
    .img-outer .address:first-child .info{margin-top: 0;}
    .img-outer .address .info:before{display: none;}

    #attributes-slider .item h4{display: none;}
    #attributes-slider .item h4.mob-text{display: block;}

    footer #top h2.title{margin-bottom: 20px;}
    .catalogue-link{float: none;}

}
@media only screen and (min-width:320px) and (max-width:767px){

    #header{position1: relative; z-index:10; background-color: #fff; box-shadow: 0 -2px 8px 2px rgba(0,0,0,0.2); padding:10px 0; height: 60px;}
    #header.fixed{ padding:10px 0;}
    header #logo{width:90px;position:relative;z-index:1000;}
    #top-strip{display: none;}
    #main-menu ul li.mob-link{display: block;}
    #middle-strip{padding: 0;}

    #mobile-menu-icon{display:block;top: 11px;}
    #main-menu{display:none;}
    #mobile-menu.active #main-menu{display:block !important;}
    #wrapper{width:100%;position:relative;z-index:10;}
    #mobile-menu{display:block; top: 60px; height: calc(100% - 60px);}
    #mobile-menu.active{right:-250px;}

    .padding{padding:30px 0;}
    .padding-btm{padding-bottom:30px; }

    h2.title{font-size:120%; margin:0 0 30px }

    .btn-cust{font-size:90%; height: 40px; line-height: 40px; padding: 0 60px 0 15px;}
    .btn-cust .icon{height: 40px; line-height: 40px; width: 40px;}
    form .btn-cust{padding:0 20px 0 15px}

    #banner{height:400px;}
    #banner ul{height:400px;}
    #banner ul li{height:400px;}
    #banner ul li .container .row .banner-info{padding:20px 0 30px 0;}
    #banner ul li .container .row{display: block; height: auto;}
    #banner ul li .container .row [class^="col-"]{display: block; height: auto;}
    #banner ul li .container{height: auto;}

    #banner ul li .banner-info .btn-cust{bottom: 0; position: relative;}
    #banner ul li .banner-pic{bottom: 0; position: relative;}
    #banner ul li .banner-pic img{max-width: 100%; max-height: 270px; margin: 0 auto;}
    #banner ul li .sub-text,#banner ul li .sort-info{display: none;}

    #banner ul li .banner-info .sort-info{font-size:98%;}
    #banner ul li .banner-info .main-text{font-size:200%;line-height: normal; margin-bottom: 10px;}

    #home #about-block{padding-bottom: 50px;}
    #about-block{padding-bottom: 0;}
    #about-block p.para{font-size: 130%;}
    #about-block p.para br{display: none;}
    #about-block .block .title{font-size: 160%;}
    #about-block .block p{margin-bottom:30px;}

    #product-range #info-block{margin-top: 0;}
    #product-range:after{display: none;}
    .info-items{transform: rotate(0deg); margin:0 auto 50px;}
    .info-items li.blank{display: none;}
    .info-items li .text{transform: rotate(0deg);}

    .table-data .tabel-cell-data{display: block;}
    #attributes-slider .item .product-img{margin-top: 30px;}
    #attributes-slider .prod-name{font-size: 124%;}
    #attributes-slider .prod-name br{display: none;}
    #infra-block .img-wrap{min-height: auto;}
    .sidebar.top{margin-top: 30px;}

    #product-block h2.title{margin: 0 0 60px;}
    #product-block .owl-nav{top: -40px;}
    #product-block .item .img-wrapper .text{bottom: 0; padding: 10px 70px 10px 20px;}
    #product-block .item .img-wrapper .text span.icon{width: 60px;}
    #product-block .slider{margin-top: 0;}
    #product-block .item{width: 100%; border: 1px solid #f0f0f0; border-radius: 5px;}

    #product-range .item .img-wrapper{width: 240px; height: 240px;}
    #product-range .item .text{font-size: 100%;}
    #product-range .owl-carousel>div{top: -20px;}

    .btn-wrap{margin: 40px auto 20px; text-align: center;}

    .info-items li{width: 148px; height: 148px;}
    .info-items li .text span{font-size: 170%;}
    .info-items li .text{font-size: 100%;}
    .info-items li.br01,.info-items li.br01:before,.info-items li.br02,.info-items li.br02:before,.info-items li.br03,.info-items li.br03:before,.info-items li.br04,.info-items li.br04:before{border-radius: 10px;}

    #features h2.title{margin: 0 0 60px;}
    #attributes-slider .owl-nav{top: -40px;}
    .truck-block{max-width: 100%;}
    .truck-block img{display: none;}
    .truck-block .section{position: relative;margin-bottom:0;}
    .truck-block .section .title{margin-left: 8px;}
    .truck-block .section .content{max-width: 100%; top: 0; }
    .truck-block .first,.truck-block .second{width: 100%; top: 0; left: 0;}
    .truck-block .section:after{display: none;}
    .truck-block .section .line:before,.truck-block .section .line:after{display: none;}
    .truck-block .section .title{font-size: 100%; margin: 10px; padding: 0;}
    .truck-block.second-slide .third,.truck-block.second-slide .fourth {bottom: 0;  top: 0; width: 100%; right: 0; padding: 0;}
    .truck-block.second-slide .second,.truck-block.third-slide .first,.truck-block.third-slide .second,.truck-block.third-slide .third,.truck-block.third-slide .fourth,.truck-block.third-slide .fifth,.truck-block.fourth-slide .first,.truck-block.fourth-slide .second,.truck-block.fourth-slide .third,.truck-block.fourth-slide .fourth,.truck-block.fourth-slide .fifth,.truck-block.fifth-slide .first,.truck-block.fifth-slide .second,.truck-block.fifth-slide .third,.truck-block.sixth-slide .first,.truck-block.sixth-slide .third,.truck-block.sixth-slide .fourth,.truck-block.seventh-slide .first,.truck-block.seventh-slide .second,.truck-block.seventh-slide .third,.truck-block.seventh-slide .fourth,.truck-block.seventh-slide .fifth{top: 0; width: 100%; right: 0; padding: 0;}
    .truck-block .section.third .content,.truck-block .section.fourth .content, .truck-block .section.fifth .content{float: none; text-align: left;}


    /*    .truck-block .section .title{padding-bottom: 0; font-size: 120%;}
        .truck-block .section.third .content,.truck-block .section.fourth .content{float: none; text-align: left;}
        .truck-block .third,.truck-block .fourth{width: auto; right: 0; top: 0; }
        .truck-block .fourth{padding-top: 0;}    
        .truck-block.second-slide .first,.truck-block.second-slide .third,.truck-block.third-slide .first,.truck-block.third-slide .second,.truck-block.third-slide .third{top: 0;}
        .truck-block .section.fourth .content, .truck-block .section.fifth .content{float: none; text-align: left;}
        .truck-block .fifth{right: auto; top:0; padding-top: 0;}*/

    .project-wrap h2.title{position: relative; left: 15px;}
    .project-wrap .block-wrap{display: block; max-width: 100%;}
    .project-wrap .left-column,.project-wrap .right-column{display: block; width: 100%; max-width: 100%; height: auto;}
    .project-wrap .left-column{height: 300px; background-size: cover; border-radius: 0;}
    .project-wrap .right-column .content{padding: 15px; margin: 0;min-height: auto; margin-top:45px;}


    #tabs{position: absolute; bottom: 0; top: 380px; text-align: center; left: 0; right: 0; margin: 0 auto;}
    #tabs li{float: none; display: inline-block; margin:0 8px;}
    #tabs li a1{margin: 0; padding: 8px; border: 1px solid #005aaa; background-color: #fff; color: #005aaa; border-radius: 5px;}
    #tabs li.active a1{border: 1px solid #005aaa; color: #fff; background-color: #005aaa;}

    #info-block .row{margin-top: 0px;}
    #info-block .info-01:before,#info-block .info-04:after{display: none;}
    #info-block .block{padding:30px;text-align: center;}

    #video-block{background-size: cover;}
    #video-block .info h3{font-size: 160%;}
    #video-block .info a .icon .play{transform:scale(0.7); }

    h1{font-size: 160%;}
    .breadcrumb{display: none;}

    #inner-banner,#inner-banner .row{height: 150px;}
    #vision-block .row{display: block; height: auto;}
    #vision-block [class^="col-"]{display: block; padding: 0; height: auto;}
    #vision-block [class^="col-"] .block{border-radius: 0;}
    #vision-block .block{padding: 20px;}
    #vision-block [class^="col-"]:first-child .block{border-radius: 0; margin-bottom: 20px;} 
    #vision-block [class^="col-"]:first-child .block:before, #vision-block [class^="col-"] .block:before{display: none;}
    #vision-block .block .title{font-size: 130%;}
    #vision-block:after{display: none;}

    #history{padding-bottom: 0;}
    .history-section{padding:0 0 30px 0;}
    .history-section .history-carousel .thumbs-carousel li{font-size: 26px;}
    .history-section .carousel-outer .content-carousel .owl-stage-outer{padding-top: 30px;}
    .history-section .carousel-outer .item .item-inner{margin: 0; box-shadow: none; padding: 20px; font-size: 110%;}
    .history-section .carousel-outer .item .item-inner:before{top: -30px; border-bottom-width: 30px; border-left-width: 30px; border-right-width: 30px;}
    .history-section .carousel-outer .content-carousel .owl-nav{display: none;}

    #socage .para br{display: none;}    
    #socage .pic{margin-bottom: 30px;}

    #cmd-block .row{display: block; width: auto; height: auto;}
    #cmd-block [class^="col-"]{display:block;}
    #cmd-block .block{margin: 0; padding: 0; font-size: 130%;}
    #cmd-block .info{position: relative; margin: 20px 0;}
    #cmd-block .row .img-wrap{margin-bottom: 20px;}
    #cmd-block .block:before{left: 0; top: 0;}
    #tagline p{font-size: 150%;}

    #company-info .block{font-size: 100%; padding: 20px;}
    #infra-block .block .title{margin: 10px 0 0;}
    #infra-block .block{margin-bottom: 40px;}
    .network-block p{margin-bottom: 20px;}
    #network-tabs{margin-top: 30px}
    #network-tabs ul{display: flex; overflow: hidden;  overflow-x: scroll; padding-bottom: 7px; margin-bottom: 0;}
    #network-tabs ul li{ margin:0 15px 0; white-space: nowrap;} 
    #network-tabs ul li a{font-size: 112%; padding: 15px 0;}
    #product-details .left-column .img-wrap{margin-bottom: 30px;}
    #accordion .panel-heading .panel-title a{font-size: 120%; padding: 15px 35px 15px 0;}
    #accordion .panel-heading .icon-bar{height: 90%;}
    .pdf-block a{padding: 15px 0; font-size: 70%; max-width: 150px; margin: 0 auto;}
    .pdf-block a .pdf{transform: scale(0.8);transform-origin: center top; margin: 10px auto;}


    .inner-block .project-wrap .left-column{height: 300px; margin-bottom: 20px;}
    .inner-block .project-wrap .left-column,.inner-block .project-wrap .right-column{width: 100%; max-width: 100%;}
    .inner-block.quality-page .project-wrap .right-column .content{margin: 0; padding:0;}
    #client-list .bullet-style01.half li{width: 100%;}
    .inner-block .project-wrap .right-column .content{padding: 15px 0; margin: 0; min-height: auto; margin-top: 45px;}
    .inner-block #tabs{left: 0; right: 0; margin: 0 auto; top: 320px;}
    #project-list .panel-default>.panel-heading a{font-size: 120%; padding: 15px 25px 15px 0;}
    #project-list .panel-default>.panel-heading a:after{top:27%;}

    .support-block{padding: 30px 0 0;}
    .support-block .item{padding: 20px 20px; margin-bottom: 20px;}
    #map iframe{height: 300px !important;}
    #socage .pic img{left: 0; max-width: 100%;}
    .project-wrap .right-column .content p{margin-bottom: 20px;}

    footer #top h2.title{padding-top: 40px;}
    footer #top .links-outer{margin: 25px 0;}
    #f-home .inquiry-from{margin-top: 30px;}
    #f-home .inquiry-from{padding: 30px;}
    #f-home .inquiry-from .title{font-size: 120%; margin-bottom: 25px;}
    footer #top .links-outer h3,footer #top .links{float: none; text-align: left;}
    footer #top .links-outer h3{margin-bottom: 15px;}
    footer #top .links li{margin: 0 10px 10px 0;}
    footer #top h3{font-size: 110%; }
    footer #top .contact-info{margin: 40px 0;}
    footer #bottom .copyright{text-align: center; line-height:30px; margin:15px 0; }
    footer #bottom .social-media{text-align: center; margin:0; float: none;}
    footer #bottom .social-media li{display: inline-block; float: none; margin: 0 -3px;}
    footer #bottom .social-media li a{width: 50px; height: 40px; line-height: 40px; border-top: 1px solid #0058a6;}
    footer #bottom .social-media li a span{display: none;}
    #f-inner .inquiry-from form .form-group{margin: 30px 0;}

    .modal-header .title{font-size:115%;}
    .modal-header .close{top:-5px;right:-5px;}
    .modal-body{padding:20px;}

    .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 0;}
    .img-outer img{display: none;}
    .img-outer .address{position:relative; top: 0; left: 0; right: 0; bottom: 0;}
    .img-outer .address .location{display: none;}
    .img-outer .address .info{position: relative; display: block; margin: 30px 0; width: auto; left: 0;}
    .img-outer .address:first-child .info{margin-top: 0;}
    .img-outer .address .info:before{display: none;}

    .icon-block .item{text-align: left;}
    .icon-block h5{text-align: left;}
    .icon-block .item span{margin: 0 20px 20px 0;}
    #attributes-slider .item h4{display: none;}
    #attributes-slider .item h4.mob-text{display: block;}

    .rebuild-wrap .before{right: auto; border-radius: 5px;}
    .rebuild-wrap .after{left: auto; border-radius: 5px;}
    .rebuild-wrap .tag{font-size: 90%; padding: 8px; min-width: 120px;}

    footer #top h2.title{margin-bottom: 20px;}
    .catalogue-link{float: none;}

}


@media only screen and (max-width:767px) and (orientation:portrait){}
@media only screen and (max-width:767px) and (orientation:landscape){}
@media only screen and (max-width:640px){}
@media only screen and (min-width:320px) and (max-width:480px){
}