@media screen and (min-width:992px){

.m-banner .item img{min-height:300px;}

}

@media screen and (min-width:992px) and (max-width:1201px){

.m-logo{top:-28px; padding-top:35px;}

.navebar .navbar-nav>li>a>span{padding-left:12px; padding-right:12px; padding-top:10px; padding-bottom:10px; font-size:15px;}

.f-l-o img{width:175px;}

.f-l-q ul li a i{width:20px;}

.f-l-q ul li a:hover{padding-left:7px;}

.r-prjct-area img{position:absolute;z-index:9; top:0; bottom:0; margin:auto;}

.m-image::after{display:none;}

.m-image::before{display:none;}

.m-image span{top:77%;}

.main-box{height:auto; padding-bottom:20px;}

.abc{width:100%; margin-right:0;}

.l-i-d{float:left; width:100%; padding-left:15px; margin-top:20px;}

.l-i-d p{height:100px;}

}

@media screen and (min-width:768px) and (max-width:992px){

.m-banner .item img{height:300px;}

.m-logo{top:60px; left:0;}

.navebar .navbar-nav>li>a>span{padding-left:15px; padding-right:15px;}

.navebar .navbar{margin-bottom:60px;}

.tp-phone{right:5px;}

.f-l-o img{width:175px;}

.f-b-l{display:none;}

.heading a{min-width:65px;}

.f-l-q ul li a:hover{padding-left:6px;}

.a-company .heading a{margin-top:10px; float:none; margin-left:0;}

.a-company .heading h2{float:none;}

.m-image::after{display:none;}

.m-image::before{display:none;}

.h-width{width:50%; float:left;}

.cntct-detail h3{padding-top:0; padding-bottom:62px;}

.main-box{height:auto; padding-bottom:20px; float:left; width:100%;}

.larg-img{position:relative;}

.larg-img img{position: absolute;

    z-index: 9;

    top: 0;

    bottom: 0;

    margin: auto; right:0; left:0;}

.abc{width:100%; margin-right:0;}

.l-i-d{float:left; width:100%; padding-left:15px; margin-top:20px; padding-right:15px;}

.l-i-d p{height:100px;}

}

@media screen and (min-width:601px) and (max-width:767px){

.h-width{width:50%; float:left;}

.cntct-detail h3{padding-top:0; padding-bottom:62px;}



}



@media screen and (max-width:767px){

.m-image::after{display:none;}

.m-image::before{display:none;}	

.m-logo{position:initial; background:none; min-height:auto; margin-bottom:15px;}		

.tp-phone{position:initial; margin-right:25px;}	

.tp-phone i{padding-left:5px; padding-right:5px}	

.f-b-l{display:none;}

.f-l-o{display:none;}	

.navbar{position:initial;}	

.menu{position:initial;}	

.navbar-header {  float: none;}

.navbar-toggle {  display: block;}

.navbar-collapse.collapse {  display: none!important;}

.navbar-nav {  float: none!important;}

.navbar-nav>li {  float: none;}

.navbar-collapse.collapse.in{  display:block !important;}

.navbar-collapse { position:absolute; left:0; width:100%; background:#fff;  z-index: 999; top:150px;}	

.navebar .navbar-nav>li>a{transform:none; margin:0; width:100%;}

.navebar .navbar-nav>li>a::after{display:none;}

.navebar .navbar-nav>li>a>span{transform:none;}

.c-r-d p{text-align:left; line-height:30px;}

.c-r-t p{line-height:30px;}

.heading h2{float:none; margin-bottom:20px !important;}

.heading a{margin-top:10px; float:none; margin-left:0;}

.main-box{height:auto; float:left; width:100%; padding-bottom:20px;}

.larg-img{position:relative;}

.larg-img img{position: absolute;

    z-index: 9;

    top: 0;

    bottom: 0;

    margin: auto; right:0; left:0;}

.abc{width:100%; margin-right:0;}

.l-i-d{float:left; width:100%; padding-left:15px; margin-top:20px; padding-right:15px;}

.l-i-d p{height:100px;}

.l-i-d span{min-width:100px;}

.l-i-d article{padding-left:0;}

}

@media screen and (min-width:480px) and (max-width:767px){

.r-projects .row .col-xs-12{width:50%;}	

.service .row .col-xs-12{width:50%;}

.m-footer .row .col-xs-12{width:50%;}

.projects-page .row .col-xs-12{width:50%;}

.tp-phone{margin-top:0;}

.navbar-toggle{margin-top:15px;}

}

@media screen and (max-width:480px){

.cntct-detail h3{padding-top:15px;}	

.t-l-n .col-xs-4{width:100%;}	

.t-l-n .col-xs-8{width:100%;}

.navbar-toggle{margin-top:0;}

.tp-phone{margin-top:0; margin-bottom:10px;}

.navbar-collapse{top:220px;}

.m-banner .item img{height:120px;}

.f-b-l{display:none;}

.c-r-t p{line-height:30px;}

.c-r-d p{line-height:30px;}

.r-prjct-area img{width:100%;}

.heading a{margin-top:10px; float:none; margin-left:0; width:100%;}

.heading h2{float:none; margin-bottom:20px !important;}

.m-image::after{display:none;}

.m-image::before{display:none;}

}