@media (max-width: 1200px){

baner_shape1a{ display:none}

baner_shape1{ display:none}

baner_shape2{ display:none}	

}

	@media (max-width: 1199px){

.container {width: 100%;}

.single_text {

    position: relative;

    display: block;

    float: left;

    padding: 0 20px;

    width: 280px;

}

}

@media (max-width: 992px){

.sub_navabr {

    padding: 4px 10px;
    display: none;

}

.fa-caret-down:before {
    display: none ;
}

nav.navbar ul.nav li.dropdown ul.dropdown-menu {
    top: 0px;
}

.mainu_boxe {
    top : 0px !important;
}



.why_choose {

    float: left;

    width: 100%;

    padding: 0px 0 50px; 

}

.coln_md_3 {

    float: left;

    width: 33.333337%;

    padding: 10px;

    background: transparent;

}

.commercl {

    float: left;

    width: 100%;

    padding: 60px 0; 

    background-size: cover;

}

.imgicon_mxw {

    display: block;

    margin: 10px auto 20px;

}

.commerc_head {

    text-align: center;

}

.commerc_para {

    text-align: center;

}

.redn_button {

    text-align: center;

	display: block;

	margin: 10px auto 15px;

}

.foter_gerlry {display: none;}

.futer_logomw {

    max-width: 250px;

    margin-bottom: 15px;

    display: block;

    margin: auto;

}

.futer_para {

    text-align: center;

}

.text-left {

    text-align: center;

}

.futer_head {

    text-align: center;

}

.text2_brdrs {

    margin: 0px auto;

    text-align: center;

}

.contct_foter li {

    padding: 1px 0;

    text-align: center;

}

.contct_foter {

    float: left;

    width: 100%;

    padding: 0px;

    margin: 20px 0 20px;

    list-style: none;

}

.contct2_foter li {

    text-align: center;

}

.contct2_foter li i {

    margin-right: 25px;

    position: relative;

    right: 10px;

    margin-top: 8px;

}



.copyrgt_p {

    text-align: center;

}

.single_text {

    position: relative;

    display: block;

    float: left;

    padding: 0 0px;

    width: 100%;

}

.dpsl992nn {display: none;}

.mxw_vicwoes {width: 100%;height: 350px;margin-top: 20px;}

}

@media (max-width: 991px){

.blinds_mnseq {

    float: left;

    width: 100%;

    padding: 50px 0;

}

.img_bmxw {max-width: 300px;display: block;margin: 30px auto 0;}

.service_one {

    position: relative;

    text-align: center;

}

.service_one {

    position: relative;

    text-align: center;

}

.service_title {

    position: relative;

    text-align: center;

    display: block;

    top: 0px !important;

    margin-top: -85px;

    margin-bottom: 40px;

}

.service_title h2 {

    font-family: Lato;

    font-size: 24px;

    margin-top: 5px;

    line-height: 1.1;

    font-weight: 600;

    color: #000000;

    margin-bottom: 0px;

    text-align: center;

    display: block;

}

.blns_pb {

    padding-bottom: 15px !important;

    margin-bottom: 15px;

    border-bottom: 1px solid #f1f1f1;

}

.service_one h2 {

    margin-top: 10px;

}

.blinds_para {

    text-align: center;

}

.blinds_btn {

    margin: 15px auto 0px;

    display: block;

}



.DivToggle991 {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient:vertical;

	-moz-box-orient:vertical;

	-webkit-flex-direction:column;

	-ms-flex-direction:column;

	flex-direction:column;

	/* optional */

	-webkit-box-align:center;

	-moz-box-align:center;

	-ms-flex-align:center;

	-webkit-align-items:center;

	align-items:center;

}

.DivToggle991 .first_div991 {

	-webkit-box-ordinal-group:2;

	-moz-box-ordinal-group:2;

	-ms-flex-order:2;

	-webkit-order:2;

	order:2;

}



.DivToggle991 .second_div991 {

	-webkit-box-ordinal-group: 1;

	-moz-box-ordinal-group: 1;

	-ms-flex-order: 1;

	-webkit-order: 1;

	order:1;

}

.mrgn_btm {

    margin-bottom: 40px !important;

}

.bdplbrnn {display: block !important;}

}

@media (max-width: 800px){

.bdplbrnn {display: none !important;}

.dspl800pxn {display: none !important;}

.wdth100 {width: 100% !important;}

.hero {

    width: 100% !important;top: 60%;

}

.hero_h1 {

    line-height: 50px;

    font-size: 40px;

}

.hero_h1 span {

    line-height: 50px;

    font-size: 40px;

}

.hero_h3 {

    line-height: 16px;

    border-width: 0px;

    margin: 10px 0px 0px;

    padding: 5px 10px;

    font-weight: 700;

    font-size: 15px;

}

.fade-carousel{position: relative;}

.fade-carousel .carousel-inner .item{}

.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3,.fade-carousel .slides .slide-4,.fade-carousel .slides .slide-5,.fade-carousel .slides .slide-6,.fade-carousel .slides .slide-7{background-size: cover;background-position: center center;background-repeat: no-repeat}

}

@media (max-width: 767px){.main_about3 ul.custome_nav li a{color: #000;font-size: 17px;padding: 12px 15px;}
.d-flex-img {
    display: flex;
    gap: 10px;
}
.modal-dialog {
    position: relative;
    top: 5%;
}
img.banim1.img-responsive {
    padding-bottom: 20px;
}
.coln_md_2{ width:50%!important}nav.navbar .navbar-header {  height: 84px!important;}

.single_icon {

    float: none;

    width: 75px;

    height: 100%;

    display: block;

    margin: 0 auto 15px;

}

.single_head {

    text-align: center;

}

.single_para {

    text-align: center;

}

.feature_part {

    float: none;

    width: 100%;

    padding: 60px 0 0;

    max-width: 60%;

    margin: auto;

    display: block;

}

.service_subhd {

    text-align: center;

}

.service_brdr {

    margin: 0px auto;

    float: none;

}

.service_head {

    text-align: center;

}

.service_para {

    text-align: center;

}

.red_button {

    text-decoration: none;

    color: #000;

    font-weight: 900;

    font-size: 12px;

    

    font-weight: 600;

    transition: all .3s ease;

    outline: none;

    line-height: 1.428571429;

    text-align: center;

    display: block;

    margin-bottom: 15px;

}

.contct2_foter {

    float: left;

    width: 100%;

    padding: 0 0 0 0px;

}

.main_nabr {

    float: left;

    width: 100%;

    padding: 0px 0;

    background: transparent;

    position: relative;

    z-index: 99999;

}

.page_detal {

    float: left;

    width: 100%;

    padding: 60px 0;

}

.about_para {

    font-size: 14px;

    color: #777;

    

    margin: 0 auto;

    max-width: 100%;

    line-height: 28px;

    font-weight: normal;

    padding-top: 4px;

    text-align: center;

}

.feature_seq {

    float: left;

    width: 100%;

    padding: 60px 10px;

}

.page2_detal {

    float: left;

    width: 100%;

    padding: 40px 0;

}

.main2_bannner {

    float: left;

    width: 100%;

    padding: 0;

    background: url(../images/about-bg.jpg) no-repeat center;

    background-size: cover;

}
.main2_bannner1 {

    float: left;

    width: 100%;

    padding: 0;

    background: url(../images/about-bg1.jpg) no-repeat center;

    background-size: cover;

}
/************* slider responsive *************/



#slider {

	right:0;

	left:0;

	

	bottom:-430px;

	top:auto;

	width: 100%;



z-index: 999999;

}

#header {

    width: 100%;

    position: absolute;

    right: 0px;height: 100vh;

    border: 0px solid #d8d8d8;

    margin-left: 00px;

    padding: 22px 25px;

    border-radius: 0px;

    box-shadow: 0 0 8px gray;

    background-color: #fff;

    border-right: 4px solid #006BCE;

	overflow-y: auto !important;

	overflow-x: hidden !important;

	width: 100%;

}

 

 

 .display1{bottom:430px !important;top: 0px !important;transition:all ease-in-out 0.4s;

	-webkit-transition:all ease-in-out 0.4s;

	-o-transition:all ease-in-out 0.4s;

	-moz-transition:all ease-in-out 0.4s;

	-ms-transition:all ease-in-out 0.4s;}

.slider_frm::before {

    content: '';

    color: #006BCE !important;

    position: absolute;

    right: -3px;

    top: -1px;

    border-top-color: #006BCE;

    border-top: 70px solid;

    border-left: 70px solid transparent;

}

.frm_closbtn {

    right: 8px !important;

    top: 8px !important;

}

.get_from {

    background: #e22c42;

    border: 8px solid #ccc;

    padding: 11px 20px 9px;

    color: #FFF;

    outline: 0;

    transition: .3s all;

    

    font-weight: 700;font-size: 13px;

    border-radius: 2px;

    width: 100%;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

	bottom:0; position:fixed;

}

#sidebar {

    position:fixed;

    top: auto;

    left: auto;}

#slider .form {

    width: 100%;

    padding: 9px;}

.select_h3 {

    margin-bottom: 0px;

}

.feture_para {

    font-size: 13px;

    margin: 0 auto 15px;

}

.input-group-addon {

    float: left;

    width: 45px;

    display: block;

    box-sizing: border-box;

    padding: 11px 5px;

}



}

@media (max-width: 640px){.service_text { 

    padding: 10px;}

.subnav_social {display: none;}	

.feature_para {

    font-size: 14px;

    color: #494949;

    

    margin: 0 auto;

    max-width: 100%;

}

.coln_md_3 {

    float: left;

    width: 50%;

    padding: 10px;

    background: transparent;

}

.main_nabr {

    float: left;

    width: 100%;

    padding: 0px 0;

    background: transparent;

    position: fixed;
    z-index: 999;

}

.hero {

    width: 100% !important;

    top: 50%;

}

.hero_btn {	

    margin: 10px 0px 0px;

}

}

@media (max-width: 550px){.feature_head1{ font-size:25px;}.whychs_mhead {

    font-size: 23px; 

    line-height: 33px;

}nav.navbar .navbar-header {  height:60px!important;}

.feature_part {

    float: none;

    width: 100%;

    padding: 60px 0 0;

    max-width: 100%;

    margin: auto;

    display: block;

}

.contact-form {

    min-height: 400px;float: left;width: 100%;

    /* overflow-y: auto !important; */

    /* overflow-x: hidden !important; */

} 



.feature_seq {

    float: left;

    width: 100%;

    padding: 40px 10px;

}

.feature_part {

    float: left;

    width: 100%;

    padding: 40px 0 0;

    max-width: 100%;

    margin: auto;

    display: block;

}

}

@media (max-width: 480px){.fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6, .fade-carousel .slides .slide-6 {

    height: 41vh;}

	.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4 {

    height: 51vh;}.hero_btn {

    padding: 6px;}.carousel-indicators {

    bottom: 5px!important;}.baner_shape { 

    height: 124px;    bottom: 132px;

    display: none;}.baner_shape1a {

    height: 100px;

    bottom: 286px;

    display: none;}

.main_nabr .navbar-brand {

    padding: 6px 20px !important;

}
 

.hero_h1 span {

    line-height: 35px;

    font-size: 25px;

}

.hero_h1 {

    line-height: 16px;

    font-size: 16px;

	padding-bottom: 0px !important;

    margin-top: 24px;

}

.hero_h3 {

    line-height: 16px;

    border-width: 0px;

    margin: 5px 0px 0px;

    padding: 5px 10px;

    font-weight: 700;

    font-size: 13px;

}



.coln_md_3 {

    float: left;

    width: 100%;

    padding: 10px;

    background: transparent;

}

.sbnav_ul li {

    color: #c1c1c1;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    float: left;

    transition: all 500ms ease;

    line-height: 15px;

    font-size: 11px;

    font-family: 'Open Sans',sans-serif;

}

.sbnav_span {

    padding-left: 15px;

    padding-right: 15px;

}

.logo_mxw {

    max-width: 230px;

}

.img_bmxw {

    max-width: 100%;

    display: block;

    margin: 30px auto 0;

}

.mxw_vicwoes {width: 100%;height: 200px;margin-top: 20px;}



.colm_md_6 {

    padding: 40px 15px 0px 15px;

}

.gealler_seq {

    padding: 40px 0 70px;

}

.commercl {

    padding: 40px 0;

}

.commerc_mhead {

    font-size: 22px !important;

}

.commerc_head {

    font-size: 18px;

}

.testminal_seq {

    padding: 40px 0 40px;

}

.mt50 {

    margin-top:30px;overflow: hidden;

}

.footes_seq {

    float: left;

    padding: 40px 0 0px;

}

.page_detal {

    float: left;

    width: 100%;

    padding: 30px 0;

}

.about_bhead {

    font-size: 22px !important;
    margin-top: 35px;

}

.sub_navab li {

    font-size: 14px;

}

.sub_navab li a {

    font-size: 14px;

}

.main_nabr .navbar-brand {

    padding: 6px 0px !important;

}

nav.navbar .navbar-toggle {

    margin-right: 0px !important;

}

}

@media (max-width: 400px){

.sbnav_span {

    padding-left: 8px;

    padding-right: 8px;

}

.sbnav_ul li i {

    position: relative;

    top: 0px;

    padding-right: 8px;

    font-size: 12px;

}

}

@media (max-width: 400px){

.contact-form {

    min-height: 350px;float: left;width: 100%;

    /* overflow-y: auto !important; */

    /* overflow-x: hidden !important; */

}	

}