@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:1300px){

#cols .item {
    width: 30%;
}

.un_menu {
    font-size: 20px;
}
.un_menu img {
    width: 50px;
}
.un_menu .img_s {
    width: 20px;
}

}

@media (max-width:991px){

header h2 {font-size: 23px;}

#cols .item {width: 28%;}

.un_menu {font-size: 18px;}

.crsl_lam {
    min-height: 65px;
    margin: 3em 0 10px !important;
}

#timg_ .nav-tabs>li>a {
    width: 30px;
    height: 30px;
    font-size: 12px;
}

.carousel-wrap .item .img_brand_owl {margin: 0 5px;}

}

@media (max-width:767px){

.hide_ {display:none!important;}
.show_ {display: unset!important;}

body {
	font-size: 18px;
}


#MDL_bsn_mvl h2 {
    top: 1em;
    right: 0;
    left: 0;
    z-index: 1;
}
#MDL_bsn_mvl img {
    border-bottom: 1em solid #003060;
}

.carousel-wrap {
    margin: 2rem auto 0;
}
.carousel-wrap .owl-carousel {
    max-height: 50px;
}
.carousel-wrap .item .img_brand_owl {
    min-height: 0;
}

.crsl_lam .cont_img {
    width: 440%;
    animation-name: carrete_01;
    animation-duration: 40000ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count:infinite;
}

.model_bsn .map_dot h3 {
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 200;
}

.model_bsn {
    height: 25em;
}
.mb_img_bg {cursor: none;transform: rotate(90deg) translate(0, 100%);width: 160%;position: absolute;left: 50%;right: 0;margin: 0 auto;}

.mb_obj_01 {top: -20%;left: 37%;width: 25%;}
.mb_obj_02 {top: 13%;left: 65%;width: 18%;}
.mb_obj_03 {top: 2%;left: 41%;width: 19%;}
.mb_obj_04 {top: 14%;left: 14%;width: 22%;}
.mb_obj_05 {top: 38%;left: 40%;width: 25%;}
.mb_obj_06 {top: 57%;left: 63%;width: 15%;}
.mb_obj_07 {top: 63%;left: 42%;width: 15%;}
.mb_obj_08 {top: 57%;left: 19%;width: 15%;}
.mb_obj_09 {top: 77%;left: 69%;width: 21%;}
.mb_obj_10 {top: 85%;left: 45.5%;width: 10%;}
.mb_obj_11 {top: 80%;left: 15%;width: 23%;}

.mb_txt_01 {top: -18%;left: 26%;}
.mb_txt_02 {top: 29%;left: 62%;}
.mb_txt_03 {top: 25%;left: 8%;}
.mb_txt_04 {top: -3%;left: 30%;}
.mb_txt_05 {top: 41%;left: 20%;}
.mb_txt_06 {top: 61%;left: 79%;}
.mb_txt_07 {top: 70%;left: 58%;}
.mb_txt_08 {top: 70%;left: 21%;}
.mb_txt_09 {top: 89%;left: 76%;}
.mb_txt_10 {top: 99%;left: 45.5%;}
.mb_txt_11 {top: 93%;left: 10%;}

.carrete_01,
.carrete_02 {
    width: 400%;
    top: 0em;
}
.carrete_01,
.carrete_02 {
    width: 400%;
    top: 0em;
}

.logo_cont img {
    filter: unset !important;
}

.carrete_01 .cont_img {
    flex-direction: row;
    position: relative;
}
.carrete_02 .cont_img {
    flex-direction: row;
    position: relative;
    left: -36em;
}
@keyframes carrete_01 {
	0% {transform: translate(0,0);} 
	50% {transform: translate(-44em,0);}
	100% {transform: translate(0,0);}
}
@keyframes carrete_02 {
	0% {transform: translate(0,0);} 
	50% {transform: translate(36em,0);}
	100% {transform: translate(0,0);}
}

.w60 {
    width: 100%;
    margin: 0 auto;
}
#home_ .cont {
    padding: 1em;
}
.ttl_hm_main {
    font-size: 3rem;
}
.ttl_hm_ {
    font-size: 25px;
}

.op_00 {opacity: 0.3;}

#u_bsns {padding: 15px;}
#u_bsns .cont {
    width: 91%;
    height: 98.5%;
    position: absolute;
    padding: 10px;
    top: 5em;
}
#u_bsns .row {
    display: block;
}
.modal-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}
.modal-body {
    padding: 20px 25px;
    font-size: 16px;
}
.ttl_job span {
    font-size: 3rem;
}

.img_popup {width: 85%;}

.div_head {
    height: 50px;
    display: block;
    backdrop-filter: blur(4px);
    width: 100%;
    position: absolute;
    z-index: 6;
}

.cont_top_ftr {
    padding: 15px;
}
#top_ftr h2 {
    font-size: 4rem;
}
#top_ftr .btn_01 {
    font-size: 1em;
    width: fit-content;
    margin: 0 auto 15px;
    display: block;
}
#top_ftr ul {
    padding: 0;
}

.menu_cont {
    position: absolute;
    height: 100%;
    padding: 40px;
    display: inline-block;
    flex-direction: column;
    overflow: auto;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar-collapse {
    border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
}
.logo {
    width: 150px;
}

#navigation .navbar {
    background: rgb(0 0 0 / 0%);backdrop-filter: blur(20px);
}
#navigation .navbar.scrolled {
    background: rgb(0 0 0 / 10%)!important;backdrop-filter: blur(5px);
}
#navigation .navbar-inverse .navbar-toggle {
    border-color: transparent;
    background: transparent;
}
#navigation .navbar-inverse .navbar-toggle:focus,#navigation  .navbar-inverse .navbar-toggle:hover {
    background-color: #082b47;
}
#navigation .navbar-nav.navbar-right li a {
    padding: 5px 15px;
    font-size: 30px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: -3px 3px 5px rgb(0 0 0 / 60%);
}

#cols {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    column-count: 1;
    /* column-gap: 10px; */
    opacity: 0;
    visibility: hidden;
    /* opacity: 1; */
    /* visibility: visible; */
    transition: opacity 0.5s, visibility 0.5s;
}
#cols .item {
    width: 100%;
}

#cols .item:first-child {background: rgb(0 0 0 / 5%);width: 100%;justify-content: center;}
#cols .item:nth-child(2) {width: 100%;}
#cols .item:nth-child(3) {
    width: 100%;
}

.ttl_01 {
    font-size: 5rem;
    margin: 3rem 0;
}

#home_small .w60 {
    width: 100%;
}
#home_small .cont {
    padding: 2em 2em;
}
#home_small h2 {
    font-size: 22px;
    font-weight: 300;
}

#u_bsns_small {
    padding: 20px;
}
#u_bsns_small .cont {
    padding: 15px;
    position: absolute;
    height: 97%;
    top: 115px;
}
#u_bsns_small .row {
    display: block;
}

#a_us_small,
#a_us {
    position: relative;
    padding: 30px 0 1px;
    color: #fff;
}
#a_us_small .row,
#a_us .row {
    height: auto;
    padding: 20px 0;
    display: block;
}
.ttl_us_mv {
    font-size: 5rem;
}

#pre_btm {
    padding: 20px 20px 50px;
}
#pre_btm h2 {
    font-size: 22px;
}
.img_logo_btm {
    width: 100%;
}


	#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){

#home_ {padding: 30px 0 0;}  

.model_bsn {
    height: 25em;
    top: 5em;
}
    
.mb_obj_01 {top: -17%;left: 37%;width: 25%;}
.mb_obj_02 {top: 9%;left: 65%;width: 18%;}
.mb_obj_03 {top: 2%;left: 41%;width: 19%;}
.mb_obj_04 {top: 11%;left: 14%;width: 22%;}
.mb_obj_05 {top: 31%;left: 36%;width: 27%;}
.mb_obj_06 {top: 41%;left: 69%;width: 15%;}
.mb_obj_07 {top: 51%;left: 42%;width: 15%;}
.mb_obj_08 {top: 43%;left: 19%;width: 15%;}
.mb_obj_09 {top: 63%;left: 69%;width: 21%;}
.mb_obj_10 {top: 69%;left: 45.5%;width: 10%;}
.mb_obj_11 {top: 66%;left: 15%;width: 23%;}

.mb_txt_01 {top: -18%;left: 26%;}
.mb_txt_02 {top: 22%;left: 62%;}
.mb_txt_03 {top: 20%;left: 8%;}
.mb_txt_04 {top: -4%;left: 30%;}
.mb_txt_05 {top: 33%;left: 14%;}
.mb_txt_06 {top: 52%;left: 70%;}
.mb_txt_07 {top: 57%;left: 58%;}
.mb_txt_08 {top: 54%;left: 20%;}
.mb_txt_09 {top: 72%;left: 76%;}
.mb_txt_10 {top: 81%;left: 44.5%;}
.mb_txt_11 {top: 61%;left: 4%;}

.carousel-wrap .owl-carousel {
    max-height: 30px;
}
    
	body section{
		overflow:hidden
	}
	#navigation .navbar-nav.navbar-right li a{
		padding:5px 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
	}
}