@media (min-width:992px) and (max-width:1199px){
	.efffect h3{
		font-size:15px;
		margin-top:10px
	}
}
@media (min-width:768px) and (max-width:991px){
	#navigation .navbar-nav.navbar-right li{
		padding:0 0;
	}
	.header-bottom #subscribe-form .mail-field{
		width:70%
	}
	.header-bottom .btn-primary{
		float:right
	}
	.about-us .tab-content .pull-left.media-object{
		float:inherit;
		width:100%;
		margin-bottom:15px
	}
	.single-member{
		height:515px;
		margin-bottom:30px
	}
	.efffect h3,.efffect h4{
		display:none
	}
	.mask a i{
		margin-top:28px
	}
}
@media (max-width:1500px){
    
.navbar-inverse .navbar-nav>li>a {
    font-size: 16px;
}
.btn_05 {
    font-size: 16px;
}

}
@media (max-width:1300px){
    
.hide_ {display:none;}
.show_ {display:initial;}

.openbtn {
    right: 15px;
    top: 70px;
}

#Search_ {
    width: 35%;
}

}
@media (max-width:991px){
    
#navigation .navbar-nav.navbar-right li a {
    font-size: 15px;
    padding: 5px;
}
.btn_05 {
    font-size: 15px;
}
#Search_ {
    width: 50%;
}
    
}
@media (max-width:767px){


.img_pop_up {
    width: 80%;
}

.openbtn {
    right: 0;
    top: 55px;
}

.sale {
    width: 100%;
}

#ftech {width: 95%;}

#mod_dist {
    padding: 175px 0 0;
}
#mod_dist .map_dealers h3 {
    display: none;
}
.icon_md {
    display: initial;
}
#mod_Dist_01, #mod_Dist_02, #mod_Dist_03, #mod_Dist_04, #mod_Dist_05, #mod_Dist_06, #mod_Dist_07 {
    width: 90%;
}
#mod_dist .map_dealers a:hover, #mod_dist .map_dealers a {
    width: 30px;
    height: 30px;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: -10px;
    left: 5px;
}
#mod_dist .w90 {
    width: 100%;
}
.map_dealers {
    left: -10px;
}

#mm13, #mm12, #mm11, #mm10, #mm9, #mm8, #mm7, #mm6, #mm5, #mm4, #mm3, #mm2, #mm1 {
    width: 95%;
}

.logo {
    width: 140px;
    margin: 0 0 0 5px;
}
.iso {width: 40px;margin: -5px 0 5px 5px;}

#Search_ {
    padding: 0 10px;
    position: absolute;
    top: 90px;
    z-index: 983;
    background: transparent;
    border-radius: 0;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    left: 0;
    background: #232323;
}
#Search_.scrolled {
    width: 100%;
    left: 0;
    top: 50px;
    height: 60px;
}
#Search_ .form-control {
    margin: 10px auto 0;
}

.bg_01 table tr > th {
    padding: 5px;
    font-size: 11px;
}
table .btn_02 {
    font-size: 15px;
}

.iframe_model {
    height: 400px;
}

#OPTS .btn_02 {
    width: 90%;
}

.img_th {display: none;}
.spc_home {
    margin: 0 0 15px; 
}
.padds .video_yt {
    width: 100%;
}  
#sended h2 {
    font-size: 22px;
} 
#form_tst .form-control {
    padding: 2px 10px;
    font-size: 14px;
}
#home__ .producct {
    width: 95%;
}

#pricess_, #pricess__ {
    width: 95%;
}

#form_tst .cont_20, 
#form_tst .cont_40, 
#form_tst .cont_60, 
#form_tst .cont_30, 
#form_tst .cont_50,
#form_tst .cont_70 
{width: 100%;}

#form_tst .fs50 {
    font-size: 25px;
    text-align: center;
}
#form_tst .radio-custom-label {
    font-size: 12px;
}
#form_tst h2 {font-size: 18px;margin: 0 0 10px;}
#form_tst h3 {font-size: 18px;margin: 0 0 10px;}

#form_tst .btn-primary {
    font-size: 18px;
    padding: 5px 20px;
    display: block;
    margin: 0 auto;
}
#form_tst {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    align-items: unset;
    margin: 0 0 -7px;
    padding: 0 5px;
}
#form_tst .imgc {
    width: 90%;
    position: relative;
} 
#form_tst .logo {
    width: 70%;
    margin: 0 auto;
    display: block;
}
#form_tst .formm {
    padding: 20px;
    border-radius: 1em;
}

.align_c {
    display: unset;
    align-items: unset;
}

.iframe_model_form {
    max-height: 490px;
}
#sended .btn_01 {
    margin: 20px auto;
}
    .social_top .social_ span {display: none;}
    
    .top_head {padding: 5px 0;}
    .logo.scrolled {padding: 5px 0 0 5px;}
    .iso.scrolled {margin: 5px 0 0 5px;}
    
    .navbar-nav {float: left;}
    
    .social_top {
        right: -15px;
        left: unset;
        margin: 0;
        padding: 0 15px;
        line-height: 2.75;
        width: fit-content;
    }
    .img_top {
        background: #6e6e6e;
        width: 30px;
        padding: 7px;
        height: 30px;
        margin: 0 10px 0 0;
        border-radius: 5px;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: transparent;
    }
    .navbar-collapse {
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .ttl_01 {font-size: 3em;}
    .btn_03 {margin: 30px auto 0;}
    
    #home_03 .item {display: inline-grid;}
    #home_03 .inHd {width: 50%;}
    #home_03 .inBd ul li h5{font-size: 16px;color:#f5f5f5;font-weight:500;margin: 0px auto 0;position: absolute;top: 0px;text-shadow: 1px 1px 3px #000;width: 85%;text-align: center;left: 0;right: 0;}
    #home_03 .inBd ul li .btn_02 {margin: -35px auto 0;position: relative;padding: 10px;}

    .vent_ {margin: 2em 0;}
    .space_ {margin: 25px 0;}
    
    .indexD .list {padding: 0 50px;}
    
    #home_04 {
        padding: 50px 20px;
        background-image: url(../img/bg_03.jpg);
        background-size: cover;
        background-position: 40% 50%;
    }
    #home_04 ul {display: inline-table;}
    
    #top_footer {padding: 0 1em 80px;}
    .contain_ {
        padding: 40px 15px;
        display: inline-grid;
        width: 100%;
    }
    .contain_inner {width: 85%;}
    .bg_00 {margin: 0 0 20px;}
    
    .img_us i {font-size: 2.5em;}
    
    #video_US .modal-dialog, #invokool_ .modal-dialog {
        width: 95%;
        margin: 0 auto;
    }
    #video_US .video_yt {
        width: 95%;
        margin: 5em auto 10px;
    }
    
    .history .view .swiper-slide .box {display: inline-grid;}
    .history .view .swiper-slide .box{background: transparent;display:-webkit-flex;display: inline-grid;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color: #fff;}
    .history .view .swiper-slide .pic{width: 80%;}
    .history .view .swiper-slide .pic img {border-radius: 0 6em 6em 0;}
    .history .view .swiper-slide .txt{-webkit-flex:1;flex:1;padding:0 60px;position:relative;margin: 0 0 5em;}
    .history .view .swiper-slide .txt h5{font-size: 8em;color: rgb(0 0 0 / 15%);font-weight: 800;position: absolute;z-index: -1;bottom: -0.9em;right: 0;}/* -webkit-text-stroke: 1px #fff;*/
    
    .newslist ul li {width: 49.33333%;}
    
    .btn_02 {margin: 15px auto 0;}
    
    .contact ul li {width: 50%;}
    
	#navigation .navbar-nav.navbar-right{
		margin-top:0
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,.header-bottom #subscribe-form p{
		font-size:14px
	}.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
	.title-one{
		font-size:24px
	}
	#about-us p{
		font-size:14px
	}.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;float:inherit!important;margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:600px
	}
	#portfolio .portfolio-filter{
		padding:0
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:18%
	}
	#clients-carousel .carousel-inner img{
		width:100%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
	#footer p{
		font-size:14px
	}
}
@media (max-width:479px){
	body section{
		overflow:hidden
	}
	#navigation .navbar-nav.navbar-right li a{
		padding: 15px;
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,
	.header-bottom #subscribe-form p{
		font-size:14px
	}
	.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;
		font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
	.title-one{
		font-size:24px
	}
	#about-us p{
		font-size:14px
	}
	.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;
		float:inherit!important;
		margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:450px
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:8%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
	#footer p{
		font-size:14px
	}
	
	#iframe_flipbook {
    aspect-ratio: 9 / 16;
}
}