@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');

.clean{clear: both;}

#in_banr{background-color: #fff;}
.in_banr{height: 92vh;}
.in_banr .rslides { height: 100%; position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; align-items: center; justify-content: center; display: flex;}
.in_banr img, .in_banr .rslides li{height: 100%;}


.in2_title{width: 100%; font-size: 32px; padding: 2% 0 7% 10%; font-weight: bold; box-sizing: border-box; color: #fff; position: relative; z-index: 9;}



/*news*/

.news_content{padding: 0px 4% 0 !important;}

.in_n_t{font-size: 32px; position: relative; line-height: 34px; margin: 0 0 5%; font-weight:bold;}
.in_n_t span{font-size: 18px; display: block; margin: 0 0 0 38px;}
.in_n_t:before{content: ""; width: 12px; height: 8px; border-left: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; position: absolute; bottom: 12px; left: 15px;}


.in_news a{margin: 0 0 5%; display: block;}
.in_n_m{width: 90px; font-size: 14px; text-align: right; position: relative; display: flex !important; align-items: center; justify-content: flex-end; color: #1a1a1a; float: right;}
.in_n_m:before, .in_n_m:after{content: ""; width: 30px; height: 1px; display: block; background: #566473; position: absolute; right: 65px;}
.in_n_m:hover{color: #10398a;}
.in_n_m:hover:before{background: #10398a;}
.in_n_m:hover:after{height: 3px; background: #10398a; animation: morel 1.2s infinite; }
@keyframes morel{
  0% {width: 30px;}
  100% {width: 0;}
}
.in_news{width: 100%; background: none; background-size: 2.6%, 2%; padding-top: 5%; padding-bottom: 1%; overflow: hidden; background: #fff; margin: 0;}
.in_news:after{display: none; }
.in_news li{width: 100%; float:none; box-sizing: border-box;}
.in_news li:nth-child(1){padding: 0 ; /*border-right: 2px solid #e8f1f9;*/}
.in_news li:nth-child(2){padding: 0 ;}
.in_news dl{color: #1a1a1a;}
.in_news dl dt{width: 45px; height: 45px; color: #fff; margin: 6px 5% 0 0; display: flex; align-items: center; justify-content: center;position: relative; float: left; background: none; flex-direction: column;}
.in_news dl dt:before{content: ""; width: 1px; height: 100%; display: block; background: #1a1a1a; position: absolute; right: -1vw; top: 5px;}
.in_news dl:hover dt:before{background: #10398a;}
.in_news dl dt span{font-size: 14px; display: block; font-family: 'Zen Antique';}
.in_news dl dt span:nth-child(1){margin: 0; font-size: 30px; color: #1a1a1a;}
.in_news dl dt span:nth-child(2){margin: 0; line-height: 16px; background: #1a1a1a; color: #fff; border-radius: 3px; width: 100%; padding: 0 5px 2px; box-sizing: border-box; text-align: center;}
.in_news dl dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.in_news dl dd:nth-child(2){/* font-weight: bold; */font-size:20px; line-height: 38px;}
.in_news dl dd:nth-child(3){font-size: 18px;}
.in_news dl dt:after{display: none;}
.in_news dl:hover dt span:nth-child(1){color: #10398a;}
.in_news dl:hover dt span:nth-child(2){background: #10398a;}
.in_news dl:hover dt{background: none; color: #10398a;}
.in_news dl:hover dd{color: #10398a;}





/*brand*/
.brands_logo{height: auto; background: #e8f1f9;}
.brand_logo{width: 100%; height: 25.5vw; /*height: 20.5vw;*/ display: flex; align-items: center; justify-content: center; flex-direction: column; object-fit: cover; margin: 4% 0; padding: 8% 10%; box-sizing: border-box; background: #fff; position: relative;box-shadow: -9px -9px 12px 0px #dce1e747;}
.slider__images ul{width: 100%; display: flex;}
.slider__images ul li{width: 25%; text-align: center; padding: 0 2%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #1a1a1a;}
.slider__images ul li:after, .slider__images ul li:before{content: ""; width: 1px; height: 20px; position: absolute; top: 6px; background: #1a1a1a; display: none;}
.slider__images ul li:nth-child(1):before{left: 0; display: block;}
.slider__images ul li:after{right: 0; display: block;}
.slider__images ul li a{color: #1a1a1a; font-size: 18px;}
.slider__images ul li a:hover{color: #10398a;}

.slider-container { position: relative; width: 80%; margin: 0 auto; height: auto;}
.slider-container .brandslider { position: relative; width: 75%; height: auto;  min-height: 300px;  float: left;  cursor: pointer; top: -5vw;}
.slider-container .brandslider.active .controls { opacity: 1;}
.slider-container .brandslider #brandslogo .owl-controls { margin-top: 0;}
.slider-container .brandslider #brandslogo .owl-controls .owl-pagination { display: none; height: 18px; margin-top: 10px;}
.slider-container .brandslider #brandslogo .item { height: auto; padding: 2%; object-fit: contain; }
.slider-container .brandslider #brandslogo .item img { width: 100%; height: auto; object-fit: cover; }
.slider-container .brandslider .owl-pagination .owl-page.active span { background: #000000;}
.slider-container .brandslider .owl-pagination .owl-page span { background: #cccccc; width: 8px; height: 8px; margin: 5px 4px;}
.slider-container .brandslider .controls { position: absolute; top: -moz-calc(36%); top: -webkit-calc(36%); top: -o-calc(36%); top: calc(50% - 14px); transform: translateY(-50%); width: 50px; height: 50px; transition: opacity 0.2s ease-in; cursor: pointer; display: none;}
.slider-container .brandslider .controls.prev {  left: 0;}
.slider-container .brandslider .controls.next { right: 0;}
.slider-container .slider-gallery { position: absolute; padding: 0 35px 0 0; top: 11%; right: 0; width: 20%; height: 25vw; overflow: hidden; float: left; box-sizing: border-box;}
.slider-container .slider-gallery .gallery-controls { position: absolute; height: 28px; opacity: 1; transition: opacity 0.2s ease-in; cursor: pointer; display: none; z-index: 2;}
.slider-container .slider-gallery .gallery-controls.active { display: block;}
.slider-container .slider-gallery .gallery-controls.hide { display: none;}
.slider-container .slider-gallery .gallery-controls svg { width: 25px; height: 25px; display: block; margin: 0 auto;}
.slider-container .slider-gallery .gallery-controls.brrprev { bottom: 20%; right: -10.8px;}
.slider-container .slider-gallery .gallery-controls.brrnext { bottom: 10%; right: -16px;}
.slider-container .slider-gallery ul { position: relative; list-style: none; transition: top 0.3s ease-in; margin: 0;}
.slider-container .slider-gallery ul li { margin: 0 0 18%; height: 120px; box-shadow: 0 0 10px 0 #b6b9c14d; width: 100%; padding: 10% 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff;}
.slider-container .slider-gallery ul li:last-child {  margin-bottom: 0;}
.slider-container .slider-gallery ul li img { border-bottom: 2px solid transparent; outline-offset: -2px; width: 70%; height: auto; user-select: none;}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y; z-index: 1;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}




/*app*/

.in_app{ width: 100%; height: 100%; padding:  4% 10%; box-sizing: border-box; float: right; position: relative;}
.in_app .in2_title{margin-bottom: -5%;}
.in_app .item{padding: 0 14% 0 4%;}

.owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; padding: 2% 0 0;}
.owl-carousel .owl-item {height: 30vw; float: left; margin: 0 .1% 0 0;}
.customNavigation a.prev, .customNavigation a.next{width: 40px; height: 40px; border-radius: 50%; overflow: hidden; line-height: 0; display: flex; align-items: center; justify-content: center;background: #000; position: relative; top: 0;}
.customNavigation a.prev i, .customNavigation a.next i{color: #fff;}
.customNavigation a:hover{opacity: 1;}
.in_app .owl-item:hover{position: relative; /*transform: scale(1.1);*/ transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}

.customNavigation a.prev{right: 32px;}
.customNavigation a.prev, .customNavigation a.next{background: none;border-radius: 0;width: auto;  bottom: 7vw;float: left; /*margin: 0 2%;*/}
.customNavigation a.prev i, .customNavigation a.next i{font-size: 2.5em; color: #235894; opacity: 0.2;}
.customNavigation a.prev i:hover, .customNavigation a.next i:hover{opacity: 1;}
.owl-carousel .owl-wrapper-outer{}
.customNavigation{z-index: 9;margin: 0 auto; position: absolute; top: 15%; right: 12%;}

.customNavigation a.next{right: 0; right: -32px;}
.videocover{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 0; background: radial-gradient(circle at center,#05112c7d,#000000cf);}
#appvideo{position: fixed; z-index: -9; top: 0%; left: 0; min-width: 100%;}






.in_app_box{background:  url(../images/in_app_bg1.png) no-repeat 97% -25px, url(../images/in_app_bg2.png) no-repeat left 52%; z-index: 2; position: relative; margin: -19.2% 0 0;padding-top:  5%;}

.in_app img{ object-fit: cover; width: 100%; height: 100%; }
.in_app dl{position: relative; height: 100%; height: 27vw;}
.in_app dl dt{width: 100%; display: flex; align-content: center; justify-content: center; box-sizing: border-box;overflow: hidden;height: 26.5vw; box-shadow:-16px 22px 5px 0px #00000059;}
.in_app dl dd{width: 90%; padding: 8% 50px 8% 8% ; box-sizing: border-box; position: relative; color: #fff; background: #10398a; bottom: 14%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;margin: 5% 0 0 15%;}
.in_app dl dd:before, .in_app dl dd:after{content: ""; width: 30px; height: 1px; display: block; background: #fff; position: absolute; right: 7%; top: 46.5%;}
.in_app dl dd svg{position: absolute; top: 45%; right: 10%;}
.in_app a{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; display: block;}
#slider-carousel a:hover{position: relative;margin-top: -7%;}
.in_app a:hover img{filter: grayscale(0); transform: scale(1.1);}
.in_app a:hover dd:after{color: #1b1b1b;}
.in_app a:hover dl dd svg{transform: translateX(10px); transition: all 500ms ease ;, height 500ms ease, color 500ms ease;}
.in_app a:hover dd:after{top: 45.5%; height: 3px; animation: appline 1.2s infinite;}
.in_app a:hover dt{box-shadow: -16px 45px 5px 0px #00000026;}
@keyframes appline{
  0%{width: 30px;}
  100%{width: 0;}
}


/*service*/
.s_box_s{/*filter: drop-shadow(0px -3px 10px #4a5e73); */position: relative; display: flex; justify-content: center;z-index: 2;}
.s_box_s:before{ }
.s_box_s:after{/*left: 49.7%;*/ top: 15.1%; }

.in_service{width: 100%; padding-top: 10%; padding-bottom: 10%; background-size: 15% , contain; clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%); /*background: url(../images/service_bg1.png) no-repeat left bottom, url(../images/service_bg2.png) no-repeat right bottom, #002145;*/}
.in_s_link{width: 80%; margin: 6% 0 0;display: flex;justify-content: space-around;flex-direction: row; position: absolute; top: 18%; left: 10%; z-index: 9;}
.in_s_link a{ color: #fff; position: relative; width: 18%; float: left; box-sizing: border-box;}
.in_s_link a img{padding: 0 0 0 11%;width: 88%;}
.in_s_link a dl{ position: relative;align-items: center;border-radius: 10px;display: flex; flex-direction: column;}
.in_s_link a:before{position: absolute; z-index: -1; content: ''; top: 95%; height: 10px; width: 53%; left: 24%; opacity: 0; 
    background: radial-gradient(ellipse at center, #000000f2 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, #000000f2 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transform: translateY(5px);}
.in_s_link dl dt{position: relative; width: 100%; padding: 40% 25% 25%; background: url(../images/circle.png) no-repeat center; background-size: 100%; box-sizing: border-box;}
.in_s_link dl dd{ box-sizing: border-box; position: relative;text-align: right; color: #124b8c; margin: 0 0 5%; color: #fff;} 
.in_s_link a:hover{position: relative; margin-top: -1%;overflow: visible; transform: scale(1.1);}
.in_s_link a:hover:after{bottom: 6%;}
.in_s_link a:hover:before{opacity: 0.3;}
.in_s_link a:hover dl dd:after{border-color: #fdf50d;}
.in_s_link a dl:after{content: ""; width: 226px; height: 210px; border-radius: 10px; background: #124b8c; position: absolute; z-index: -1; left: 3%; top: -9%; box-shadow: 0 5px 10px 0 #ababab; display: none;  transition: background 500ms ease, height 500ms ease, color 500ms ease;}
.in_s_link a dl:hover:after{ transition: background 500ms ease, height 500ms ease, color 500ms ease;}







#particles-js { position: absolute; width: 100%; height: 100%; background: #00356B;}
.text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #fff; max-width: 90%; padding: 2em 3em; background: rgba(0, 0, 0, 0.4); text-shadow: 0px 0px 2px #131415; font-family: "Open Sans", sans-serif;}
.slider { color: #fff; background: #fff;}
.slider .swiper-container { width: 100%; height: 100%;}
.slider__flex { padding: 3% 10% 4%; display: flex; background: #e8f1f9; align-items: flex-start; box-sizing: border-box; justify-content: space-between; position: relative; z-index: 10;}
.slider__col { display: flex; flex-direction: column; width: 16%; margin-right: 10%; position: relative;}
.slider__prev,
.slider__next { cursor: pointer; text-align: center; font-size: 14px; height: 48px; display: flex; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute;}
.slider__prev{bottom: 15%; right: -58px;}
.slider__next{bottom: 0; right: -65px;}
.slider__prev:focus,
.slider__next:focus { outline: none;}
.slider__thumbs { height: calc(490px - 96px);}
.slider__thumbs .slider__image {padding: 5% 10%; height: 5vw; transition: 0.25s; display: flex; align-items: center; background: #fff; box-shadow: 0 0 10px 0 #b6b9c14d;  cursor: pointer;}
.slider__thumbs .slider__image img{width: 90%; margin: 0 auto;}
.slider__thumbs .slider__image:hover { opacity: 1;}
.slider__thumbs .swiper-slide-thumb-active .slider__image { opacity: 1;}
.slider__images {width: 60%; margin: -10% 0 0 10%; /*height:26.5vw;*/ height: 32.5vw;}
.slider__images .slider__image img { transition: 3s;}
.slider__images .slider__image:hover img { transform: scale(1.1);}
.slider__image { width: 100%; height: 100%; padding: 0 2%;  overflow: hidden; box-sizing: border-box;}
.slider__image img { display: block; width: 100%; height: auto;  object-fit: cover;}



#particles-js { position: absolute; width: 100%; height: 100%; background: #00356B; top: 0;}
.text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #fff; max-width: 90%; padding: 2em 3em; background: rgba(0, 0, 0, 0.4); text-shadow: 0px 0px 2px #131415; font-family: "Open Sans", sans-serif;}


/* bottom */
#demo-canvas{position: absolute; top: 0; left: 0;}
.large-header { position: relative; width: 100%; background: #333; overflow: hidden; background-size: cover; background-position: center center; z-index: 1;}
#large-header {height: 40vw !important; background: url(../images/digital.jpg) no-repeat top; background-size: cover; background-attachment: fixed;}
.main-title { position: absolute; margin: 0; padding: 0; color: #f9f1e9; text-align: center; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);}
.demo-1 .main-title { text-transform: uppercase; font-size: 4.2em; letter-spacing: 0.1em;}
.main-title .thin { font-weight: 200;}

/*
.footer{  padding: 0 5%; position: relative; z-index: 9; background: url(../images/footer_bg1.png) no-repeat left top, url(../images/footer_bg2.png) no-repeat right
 top, url(../images/footer_bg3.png) no-repeat bottom, #008cd6; box-sizing: border-box; position: relative; color: #fff; background-size: 1.5%, 6%, 100%; display: flex; height: 280px; width: 100%;}
.footer a{color: #fff;word-break: break-all;word-wrap: break-word;}
.footer_nav{width: 15%; height: 100%; font-size: 14px; bottom: 0px;  color: #fff; letter-spacing: 1px; position: absolute; float: left; box-sizing: border-box;padding: 2.5% 2% 0%;}
.footer_nav ul{position: relative; top: 9%;}
.footer_nav ul li{margin: 0 0 3%; line-height: 20px;}
.footer_nav ul li:nth-child(4){display: none;}
.footer_nav ul li:last-child{font-size: 20px;}
.map{ flex-grow: 1; margin: 2% 0 0 22%;}
.map dl{width: 20%; padding: 0 2% 0 0; float: left; box-sizing: border-box;}
.map dl:nth-last-child(2){margin-right: 0; padding: 0;}
.map dl dt{font-size: 16px; margin: 0 0 3%; position: relative;}
.map dl dt:before{content: ""; width: 1.5px; height: 16px; top: 6px; left: -15px; background: -moz-linear-gradient(top,  rgba(0,239,249,1) 0%, rgba(0,239,249,0.99) 1%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,239,249,1) 0%,rgba(0,239,249,0.99) 1%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  #00eff9 0%,rgba(0,239,249,0.99) 1%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eff9', endColorstr='#00ffffff',GradientType=0 ); display: block; position: absolute;}
.map dl dd{font-size: 14px; margin: 0 0 2%;}
.copyr{font-size: 12px; color: #f0faff; position: absolute; right: 5%; bottom: 5px; height: fit-content;}
*/



@media screen and (max-width : 1440px) {
.slider__images{width: 75%; margin: -10% 0 0 0%;}
.slider__col{width: 15%; position: absolute; right: 0; top: 10%;}
.slider__thumbs .slider__image, .slider__thumbs .swiper-slide{height: 6.5vw;}
.in_n_t{font-size: 24px;}
.in_n_t span{font-size: 20px;}
.in_news dl dt span:nth-child(1){font-size: 26px;}
.slider__flex{display: block; padding-bottom: 10%;}
/*.slider__col .swiper-slide{height: auto !important;}*/
/*.brand_logo{height: 30.5vw;}*/
.slider__images ul li a{font-size: 16px;}
.slider__prev{bottom: 42px;}
.in2_title{font-size: 28px; padding: 2% 0 7% 8%;}
.in_app dl dd{padding: 5% 50px 5% 8%;}
.in_app dl dd:before, .in_app dl dd:after{width: 20px;}
.slider__thumbs{height: calc(35vw - 96px)}
.in_banr{height: 42vw;}

}


@media screen and (max-width : 1024px) {
.owl-carousel .owl-item{height: 41vw;}
.in_app dl dt{height: 35.5vw;}
.brandsnews..in_news dl dt:before{right: -22%;}
.in_news dl dt span:nth-child(1){font-size: 22px;}
.in_news dl dt span:nth-child(2){width: 90%;}
.slider__thumbs{ height: calc(37.5vw - 96px);}
.slider__thumbs .slider__image, .slider__thumbs .swiper-slide { height: 7.5vw;}

}

@media screen and (max-width : 979px) {
.in_news li{width: 100%;}
.in_news li:nth-child(1){border-right: 0; padding: 0;}
.in_news li:nth-child(2){padding: 0;}
.in_app dl dt{height: 100%;}
.in_app dl{height: 48vw;}
.owl-carousel .owl-item{height: 54vw;}
.in2_title{font-size: 26px;}
.in_news dl dt span:nth-child(2){font-size: 12px;}
.brandsnews .in_news dl dt:before{right: -10px;}
.in_news dl dt{margin: 6px 3% 0 0;}
.in_news dl dt:before{right: -1.3vw;}
.customNavigation{top: 10%;}
.slider__thumbs .swiper-slide{border: 1px solid #f7f7f7;}
.slider__images{width: 100%; margin: 0;}
.slider__col{width: 84%; right: auto; left: 7.8%; top: -10%; flex-direction: row;}
.slider__thumbs {width: 100%; height: /*calc(22.5vw - 96px)*/ auto;}
.slider .swiper-container{height: 108%; padding: 6px;}
.slider__thumbs .slider__image{box-shadow: 0 0 5px 0 #b6b9c14d;}
.slider__flex{ padding: 5% 6% 8%;}
.slider__prev, .slider__next{transform: rotate(-90deg) scale(0.75); }
.slider__prev { bottom: auto; right: auto; left: 89%; top: -72px;}
.slider__next { bottom: auto; right: auto; left: 96%; top: -77px;}
.slider__images ul li a{font-size: 14px;}
}


@media screen and (max-width: 640px) {
.in_n_t{font-size: 22px; margin: 0 0 3%;}
.in_n_t span, .in_news dl dd:nth-child(2){font-size: 18px;}
.in_n_t:before{bottom: 16px;}
.in_news dl dd:nth-child(3){font-size: 16px;}
.in_news a{margin: 0 0 3%;}
.in_news dl dt span:nth-child(1){font-size: 20px;}
.in_news dl dt span:nth-child(2){font-size: 12px; padding: 1px 7px 3px; width: auto;}
.in_news dl dt{margin: 6px 19px 0 0;}
.in_news dl dt:before{right: -18%; height: 44px;}
.in_n_m{font-size: 12px;}
.in_n_m:before, .in_n_m:after{right: 50px;}
.in_s_link a{width: 22%;}
.slider__prev{top: -66px;}
.slider__next{top: -71px;}
.slider__images{height: 50.5vw;}
.slider__images ul li{width: 46%; margin: 0 0 2%;}
.brand_logo{height: 30.5vw;}
.slider__images ul{flex-direction: row; flex-wrap: wrap;}
.slider__images ul li:nth-child(3):before{display: block; left: 0;}
.slider__col{top: -7%;}
.in_banr .callbacks_nav{top: 52%;}

}



@media screen and (max-width: 460px) {
.owl-carousel .owl-item{height: 100vw;}
.in_app dl{height: 95vw;}
.customNavigation{top: 6%;}
.in_app .in2_title{margin: 0;}
.in2_title{font-size: 22px;}
.in_s_link a{width: 35%;}
.in_s_link{position: relative; flex-direction: row;  flex-wrap: wrap; top: auto; left: auto; margin: -5% auto 0;}
#large-header{height: auto !important; padding: 0 0 10%; box-sizing: border-box;}
.in_app{padding: 5% 10% 9%;}
.slider__thumbs .slider__image, .slider__thumbs .swiper-slide{height: 11.5vw;}
.slider__prev{top: -55px; left: 84.5%;}
.slider__next{top: -60px;}
.slider__image{padding: 0; margin: 0 0 0 -1%;}
.slider__col{left: -6.2%;}
}



@media screen and (max-width: 370px) {
.in_n_t{font-size: 20px;}
.in_n_t span, .in_news dl dd:nth-child(2){font-size: 14px;}
.in_s_link{flex-direction: column; align-items: center;}
.in_s_link a{width: 60%;}
.brandsnews .in_news dl dt:before{right: -8px;}
.slider__images ul li a{font-size: 12px;}
.slider__images { height: 55.5vw;}






/*


@media only screen and (max-width : 768px) {
  .demo-1 .main-title {
    font-size: 3em;
  }
}


@media (max-width: 768px) {
  .slider-container {
    max-width: 630px;
    margin: 30px auto 0 auto;
  }
}

@media (max-width: 768px) {
  .slider-container .brandslider #brandslogo .owl-controls .owl-pagination {
    display: block;
  }
}

@media (max-width: 768px) {
  .slider-container .brandslider {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .slider-container .brandslider .controls {
    opacity: 0;
    top: 50%;
  }
}


@media (max-width: 768px) {
  .slider-container .slider-gallery {
    display: none;
  }
}

*/