@media only screen and (max-width:1800px){
    .detail-content-inner{
        position: relative;
    }
    .sub-menu-wrap{
        position: relative;
        top: unset;
        left: unset;
        width:100%;
        margin-bottom:35px;
    }
    .sub-menu-text-area{
        display:inline-flex;
        align-items: center;
        cursor: pointer;
    }
    .sub-menu-text-area > span{
        font-family: 'Proxima Nova Rg';
        font-size: 16px;
        margin-left:10px;
        font-weight:bold;
    }
    .sub-menu-text-area .sub-menu-bars{
        border:1px solid #000;
        width:50px;
        height:45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sub-menu-wrap .solutions-sub-menu{
        display: none;
    }
}
@media only screen and (max-width:1600px){
    .abt-year-heading{
        padding-right: 50px;
    }
    .case-studies-slider-wrap,
    .media-center-wrap,
    .contact-sec{
        padding-top: 170px;
    }
}
@media only screen and (max-width:1450px){
    .wrapper{
        max-width:95%;
        padding:0px 15px;
    }
    .hed {
        padding-top:50px;
        padding-left:50px;
    }

    .hed img {
        max-width: 170px;
    }
    .menu-main{
        left: 50px;
        bottom:50px;
    }
    .menu-round,
    .chat-icon a{
        width:55px;
        height:55px;
    }
    .chat-icon a img{
        max-width:25px;
    }
    .chat-icon{
        right:50px;
        bottom: 50px;
    }
    .about-banner-wrap{
        height: auto;
    }
    .values-points{
        column-gap:10px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .about-banner{
        height:420px;
    }
    .abt-content-wrap{
        padding:100px 0px;
        height: auto;
    }
    .abt-what-do-wrap,
    .abt-vision-wrap,
    .abt-more-content{
        padding:100px 0px;
    }
    .abt-story-wrap{
        padding:100px 0px 150px;
    }
    .heading-h{
        font-size: 40px;
    }
    .p-text{
        font-size: 18px;
        line-height:26px;
    }
    .abt-year-heading{
        padding-right:105px;
    }
    
    .abt-year-heading span{
        font-size: 50px;
    }
    .timeline-nav .slick-arrow{
        width:40px;
        height:40px;
    }
    .timeline-slide h4{
        font-size: 40px;
    }
    .timeline-slide span{
        font-size:40px;
        margin-bottom: 15px;
    }
    .case-study-heading h1,
    .title-1 h1,
    .detail-banner-inner h1,
    .detail-case-study-wrap h3{
        font-size: 40px;
    }
    .detail-banner-inner h1{
        line-height: normal;
    }
    .timeline-slide{
        height: 245px;
    }
    .story-slider-wrap{
        padding-top: 60px;
    }
    .rel-inner h3{
        font-size: 34px;
    }
    .sol-list.each a .bg-img{
        max-width: 240px;
    }
    .case-study .swiper-button-next,
    .case-study .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .case-study .swiper-button-next {
        right:10px;
    }

    .case-study .swiper-button-prev {
        left:10px;
    }

    .case-study .swiper-button-next:after,
    .case-study .swiper-button-prev:after {
        font-size: 14px;
    }
     .title-container {
        top: 80px;
    }
    .case-studies-slider-wrap,
    .media-center-wrap,
    .contact-sec,
    .listing-page{
        padding-top:130px;
    }
    .listing-page-bubble-bg .listing-page{
        padding-top:130px !important;
    }
    .listing-page-bg-2 .listing-page{
        padding-top: 280px !important;
    }
    .contact-sec{
        padding-bottom: 100px;
    }
    .media-center-wrap{
        padding-bottom: 150px;
    }
    .product-main-ul li h3{
        font-size:36px;
    }
    .pop-a-tag:hover .pro-list-play{
        height:100px;
    }
    .listing-page{
        padding-left:4%;
        padding-right: 4%;
    }
    .listing-page.listing-items .each .thumbnail{
        height:140px;
    }
    .listing-page.listing-items .each .thumbnail img{
        max-height:135px;
    }
    .bubble-listing .each .thumbnail{
        width:190px;
        height:190px;
    }
    .bubble-listing .each a{
        padding:20px 4%;
    }
    .listing-page-bg-2 .listing-page{
        padding-top:250px !important;
    }
    .listing-page .each .thumbnail {
        margin-bottom: 30px;
    }
    
    .detail-content-inner h3{
        font-size:32px;
    }
    .detail-case-study-wrap{
        padding:100px 0px;
    }
    .image-container::after{
        width:110px;
        height: 110px;
    }
    .split-section li h3{
        font-size: 27px;
    }
    .split-section li h3, .case-std-listing-wrap{
        padding:0px 35px;
    }
    .case-std-item a h4{
        font-size: 18px;
    }
    .case-std-item a{
        padding:20px 0px;
    }
    .split-section .outer{
        height:480px;
    }
    .split-section li{
        padding-top: 80px;
    }
    .timeline-nav-content h4{
        font-size: 20px;
    }
    .slider-image{
        height:420px;
    }
    .case-study-heading{
        margin-bottom:35px;
    }
    .sol-list.each:nth-of-type(2) a{
        margin-right: -70px;
    }
    .timeline-nav .slick-next{
        right:-10px;
    }
    .timeline-nav .slick-prev{
        left:-10px;
    }
}
@media only screen and (max-width:1366px){
    html:not(.scroll-window), body:not(.scroll-window){
        overflow-y: scroll;
        height:100%;
    }
    .case-studies-slider-wrap{
        padding-bottom: 100px;
    }
    body{
        position: relative;
    }
    .split-section li{
        padding-top:100px;
    }
    .split-section li h3{
        font-size: 23px;
    }
	.split-section .vrs-proucts-list li h3{
        font-size:26px;
    }
    .rel-inner h3{
        font-size:32px;
    }
    
}
@media only screen and (max-width:1280px){
    .split-section li{
        padding-top:150px;
    }
    .listing-page{
        padding-bottom: 50px;
    }
    .rel-inner h3{
        font-size: 30px;
    }

}
@media only screen and (max-width:1180px){
    .menu-main{
        max-width:120px;
    }
    .listing-page.solutions-list{
        padding-top: 250px !important;
    }
    .rel-inner h3{
        font-size: 28px;
    }
    .timeline-nav .slick-slide{
        margin: 0px 20px;
    }
    .timeline-nav::after{
        right: -6px;
    }
    .hed{
        padding-left: 40px;
    }
    .menu-main{
        left:40px;
    }
    .chat-icon{
        right:40px;
    }
    .sol-list.each a .bg-img{
        max-width: 230px;
    }
    .sol-list.each:last-child .bg-img{
        top:-300px;
    }
    .listing-page .each{
        width:33.33%;
    }
    .case-study-heading h1, 
    .title-1 h1, 
    .detail-banner-inner h1, 
    .detail-case-study-wrap h3,
    .heading-h{
        font-size: 36px;
    }
    .each .content h4{
        min-height: 58px;
    }
    .detail-banner-wrap{
        height:200px;
    }
    .detail-cs-sol .hed, .detail-banner-wrap{
        padding-top: 75px;
    }
    .detail-content-inner{
        padding:50px;
    }
    .listing-page-bg-2 .listing-page{
        padding-top: 200px;
    }
    .mdc-list-image-box{
        width:380px;
        min-width:380px;
        margin-right: 40px;
    }
    .mdc-list-content-box a{
        bottom: 30px;
        right:15px;
    }
    .media-center-wrap{
        padding-bottom: 100px;
    }
    .contact-inner{
        padding:0px 4%;
    }
     .sol-list.each:last-child a{
        margin-right: -80px;
    }
    .sol-list.each:first-child a{
        margin-left: -80px;
    }
    .sol-list.each:nth-of-type(2) a{
        margin-right: 0px;
    }

}
@media only screen and (max-width:991px){
    .about-banner{
        height:400px;
        align-items: flex-end;
        padding-bottom: 30px;
    }
	.about-banner-inner .content-editor p br{
		display:none;
	}
    .abt-content-wrap,
    .abt-what-do-wrap, .abt-vision-wrap, .abt-more-content{
        padding:50px 0px;
    }
    .case-study-heading h1, 
    .title-1 h1, 
    .detail-banner-inner h1, 
    .detail-case-study-wrap h3,
    .heading-h,
    .contact-inner h1, 
    .contact-inner h2{
        font-size: 30px;
    }
    .values-points li{
        width:165px;
        height:165px;
        font-size: 14px;
        line-height: 18px;
    }
    .values-points li br{
        display: none;
    }
    .abt-more-content{
        min-height:auto;
    }
    .abt-year-heading span{
        font-size: 30px;
    }
    .timeline-slide h4,
    .timeline-slide span{
        font-size:30px;
    }
    .timeline-slide{
        max-width:500px;
        width:100%;
        margin: auto;
    }
    .timeline-nav::after{
        right:0px;
    }
    .timeline-slide{
        height:200px;
    }
    .timeline-nav-content span{
        font-size: 22px;
    }
    .timeline-nav-content h4{
        font-size: 20px;
    }
    .abt-story-wrap{
        padding:70px 0px;
    }
    .hed{
        z-index:11;
    }
    .menu-main{
        position: absolute;
        left: unset;
        right:40px;
        top:50px;
        height:55px;
    }
    .menu-hover{
        width: auto;
    }
    .menu-main-second{
        margin-top: 70px;
        transform: translateX(-89%);
        position: absolute;
    }
    .menu-main-second::after{
        bottom: unset;
        left: unset;
        right: 25px;
        top: -7px;
        transform: rotate(-180deg);
    }
    .menu-text{
        display: none;
    }
    .chat-icon{
        right: 15px;
        bottom: 10px;
    }
    .mdc-list-box{
        padding-right: 0px;
        flex-wrap: wrap;
        height:auto;
        border:1px solid #fff;
    }
    .mdc-list-image-box{
        width:100%;
        min-width: 100%;
        margin-right: 0px;
        height:370px;
    }
    .mdc-list-box:before{
        content: none;
    }
    .mdc-list-content-box{
        width:100%;
        max-width:100%;
        padding:20px 20px 50px;
    }
    .media-center-wrap{
        padding-bottom: 70px;
    }
    .product-main-ul li h3{
        font-size: 28px;
    }
    .each .content h4 br{
        display: none;
    }
    .each .content h4{
        font-size: 15px;
    }
    .title-container {
      top: 130px;
      width: 100%;
      padding: 0px 4%;
      position: relative;
      margin-top:0px;
    }
    .detail-banner-inner {
      padding: 0px 4%;
      margin-top: 80px;
      position: relative;
      z-index: 1;
    }
    .detail-cs-sol .hed, .detail-banner-wrap{
        padding-top: 50px;
    }
    .detail-content-inner h3{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .detail-content-inner h3 + p,
    .detail-content-inner ul{
        margin-bottom: 35px;
    }
    .detail-share-inner{
        padding:0px 20px;
    }
    .detail-download-pdf{
        margin-left: 30px;
    }
    .detail-socail-media ul{
        column-gap: 15px;
    }
    .slider-image{
        height:420px;
    }
    .detail-case-study-content{
        margin-top: 70px;
    }
    .split-section li{
        width: calc(100% / 1);
        padding:70px 0px;
        height:auto;
    }
    .split-section li:first-child{
        padding-top: 150px;
    }
    .timeline-nav.slick-slider{
        height:300px;
    }
    .timeline-nav::before{
        bottom: 33px;
        left:-18px;
    }
    .timeline-nav::after{
        bottom:35px;
    }
    .timeline-nav{
        padding:0px 48px;
    }
	.vrs-prouct-box span{
        margin-bottom: 10px;
    }
    .split-section .vrs-proucts-list li{
        min-height: 320px;
    }
    .vrs-prouct-box{
        margin-top: 0px;
    }
	.menu-main-second ul li a{
		padding:0px 10px;
	}
	.detail-share-inner{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 15px;
     }
     .detail-share-download-bar{
        padding:10px 0px;
        height:auto;
     }
}

@media only screen and (max-width:820px){
    .rel-inner h3{
        z-index:11;
    }
    .solutions-list{
        flex-wrap: wrap;
        justify-content:center;
        row-gap:0px;
    }
    .listing-page .each{
        width:50%;
    }
    .listing-page.solutions-list{
        padding:0px !important;
    }
    .sol-list.each:last-child a{
        margin-right: 0px;
        margin-top:200px;
    }
    .sol-list.each:last-child .bg-img{
        top:-270px;
    }
    .sol-list.each:first-child a{
        margin-left: 0px;
        margin-top:-150px;
    }
    .sol-list.each:first-child .bg-img{
        top: 0px;
    }
    .sol-page-bg-mb.listing-page-bg-3{
        background:#04253a !important;
    }
    .sol-list.each{
        width:100%;
        height:500px;
        padding:100px 0px;
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .sol-list.each:first-child{
        background: url(../images/green-mob.jpg) no-repeat;
        background-size: cover;
    }
    .sol-list.each:nth-of-type(2){
         background: url(../images/blue-mob.jpg) no-repeat;
        background-size: cover;
    }
    .sol-list.each:last-child{
         background: url(../images/red-mob.jpg) no-repeat;
        background-size: cover;
    }
	.media-detail-image{
		height:auto;
	}
	.media-detail-content-inner{
		padding:30px 20px 100px;
	}
}
@media only screen and (max-width:767px){
    .menu-main-second{
        width:200px;
        min-height: 245px;
        transform: unset;
        right: 0px;
        margin-top: 65px;
    }
    .menu-main.sticky .menu-main-second{
        transform: unset;
    }
    .menu-main-second ul li{
        width:100%;
        margin-bottom: 15px;
    }
     .menu-main-second ul li:last-child{
        margin-bottom: 0px;
     }
     
     .detail-socail-media ul li a{
        font-size:16px;
        width:35px;
        height:35px;
     }
     .detail-download-pdf a i{
        width:35px;
        height:35px;
     }
     .detail-socail-media span, .detail-download-pdf span{
        margin-right: 20px;
     }
     .detail-case-study-wrap{
        padding-bottom: 140px;
     }
     .detail-share-download-bar{
        bottom: -105px;
     }
     .case-study .swiper-slide{
        width:500px;
     }
     .slider-image p{
        z-index:1;
        position: relative;
     }
     .slide-clr-image{
        width:150px;
        height:120px;
     }
     .slider-image h4{
        font-size:22px;
     }
     .slider-image{
        height:370px;
     }
     .readmore-active-slide{
        width:50px;
        height:50px;
        font-weight: normal;
     }
     .slider-image .case-txt-slide{
        margin: 25px;
     }
     .slider-image h4, .slider-image p{
        padding:0px 25px;
     }
}
@media only screen and (max-width:640px){
    .hed{
        padding-left: 20px;
        padding-top:25px;
    }
    .hed img{
        max-width:120px;
    }
	.hed.sticky img.mob-logo{
		display:block;
		visibility:visible;
		opacity:1;
	}
	.hed.sticky img.desktop-logo{
		display:none;
		visibility:hidden;
		opacity:0;
	}
    .menu-main{
        top:15px;
        right:20px;
    }
	.menu-round{
		width:45px;
		height:45px;
	}
    .timeline-slide{
        max-width:75%;
    }
    .slick-active.prevdiv .timeline-nav-content,
    .slick-active.slick-cloned .timeline-nav-content{
        opacity: 0;
        visibility:hidden;
    }
    .left-year, .right-year{
        bottom: 0px;
    }
    .heading-btn-abt{
        flex-wrap: wrap;
    }
    .heading-btn-abt h3{
        width:100%;
    }
    .heading-btn-abt .btn-link{
        margin-left: 0px;
        margin-top: 20px;
    }
    .listing-page .each{
        width:100%;
    }
    .title-container{
        top: 100px;
    }
    .case-studies-slider-wrap, .media-center-wrap, .contact-sec, .listing-page{
        padding-top: 100px;
    }
    .listing-page-bubble-bg .listing-page,
    .listing-page-bg-2 .listing-page{
        padding-top: 100px !important;
    }
    .case-study-heading h1, .title-1 h1, .detail-banner-inner h1, .detail-case-study-wrap h3, .heading-h{
        font-size: 24px;
    }
    .rel-inner h3{
        font-size: 24px;
        line-height: normal;
    }
    .product-main-ul li h3{
        font-size: 24px;
    }
    .contact-inner h1, .contact-inner h2{
        font-size: 24px;
    }
    .abt-vision-inner .p-text{
        margin-bottom: 30px;
    }
    .p-text{
        font-size: 16px;
        line-height: 24px;
    }
    .timeline-slide h4, .timeline-slide span{
        font-size: 22px;
    }
    .timeline-slide{
        height:200px;
    }
    .story-slider-wrap{
        padding-top: 30px;
    }
    .abt-year-heading{
        padding-right: 0px;
    }
    .each .content h4{
        min-height:auto;
    }
    .detail-cs-sol .hed, .detail-banner-wrap{
        padding-top: 25px;
    }
    .detail-content-inner h3{
        font-size: 24px;
    }
    .detail-content-inner{
        padding:30px 20px;
    }
    .detail-case-study-wrap{
        padding:70px 0px 120px;
    }
    .case-study .swiper-slide{
        width:450px;
    }
    .mdc-list-content-box a{
        position: relative;
        bottom: -20px;
        margin-left: auto;
        right: unset;
        margin-top: 10px;
    }
    .mdc-list-content-box ul{
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .product-main-ul li{
        width:100%;
    }
    .pop-a-tag:hover .pro-list-play{
        height:60px;
    }
    .inquiry-field{
        width:100%;
        margin-left: 0px;
    }
    .inquiry-field:nth-of-type(5){
        margin-right: 0px;
    }
    .inquiry-field-submit{
        width:100%;
        margin-top: 20px;
    }
    .contact-sec{
        padding-bottom: 70px;
    }
    .adress-area-wrap p, .adress-area-wrap ul li{
        font-size: 16px;
    }
    .detail-content-inner p,
    .detail-content-inner ul li{
        font-size: 16px;
    }
    .detail-content-inner p strong{
        font-size: 18px;
    }
    .readmore-active-slide{
        left:30px;
        bottom: 10px;
    }
    .detail-banner-clr-img{
        width:150px;
        height:120px;
        right:20px;
    }
    .sol-list.each a .bg-img{
        max-width: 200px;
    }
    .case-std-item a h4{
        font-size: 16px;
    }
    .case-std-item a span{
        width:45px;
        min-width: 45px;
        height:45px;
    }
    .split-section li h3, .case-std-listing-wrap{
        padding:0px 20px;
    }
    .split-section li:first-child{
        padding-top: 110px;
    }
    .hed{
        z-index:111;
        -webkit-transition: all .30s ease-in-out;
        -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
        -o-transition: all .30s ease-in-out;
        transition: all .30s ease-in-out;
    }
    .hed.sticky{
        background: #fff;
        position:fixed;
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 12%);
        padding:10px;
    }
    .menu-main.sticky{
        position: fixed;
        top:5px;
        right:10px;
        -webkit-transition: all .30s ease-in-out !important;
        -moz-transition: all .30s ease-in-out !important;
        -ms-transition: all .30s ease-in-out !important;
        -o-transition: all .30s ease-in-out !important;
        transition: all .30s ease-in-out !important; 
    }
    .menu-main.sticky .menu-main-second{
        transform:unset;
    }
    html:not(.scroll-window), body:not(.scroll-window){
        height: auto;
    }
    /*.listing-case-page-bg{
        height:100vh !important;
    }*/
	.about-banner-inner .content-editor p{
		text-shadow:1px 1px 30px #000;
	}

}
@media only screen and (max-width:480px){
    .case-study .swiper-slide{
        width:390px;
    }
    .slider-image h4{
        font-size: 20px;
    }
    .slider-image h4 br{
        display: none;
    }
    .slider-image {
      height: auto;
      min-height: 350px;
      padding-bottom: 65px;
    }
    .mdc-list-image-box{
        height:270px;
    }
    .mdc-list-content-box h4{
        font-size: 18px;
        line-height: 24px;
    }
    .animated-icon1{
        width: 25px;
    }
    .menu-round{
        width:45px;
        height:45px;
    }
    .menu-main{
        top:20px;
        height:45px;
    }
    .contact-social-media span{
        font-size:16px;
        width:200px;
    }
	#rev_slider_2_2_wrapper .metis .tp-bullet,
    #rev_slider_1_1_wrapper .metis .tp-bullet{
        width: 40px !important;
        height:40px !important;
    }
    #rev_slider_2_2_wrapper .metis .tp-bullet-image,
	#rev_slider_1_1_wrapper .metis .tp-bullet-image{
        width:8px !important;
        height:8px !important;
        margin-top: 13px !important;
    }
    .tp-bullet::after{
        top: 18px !important;
        left:55px !important;
    }
    .case-study .swiper-button-next{
        right:5px;
    }
    .case-study .swiper-button-prev{
        left:5px;
    }
    .detail-download-pdf{
        margin-left: 0px;
    }
    .detail-share-inner{
        justify-content: left;
    }
    .chat-icon a{
        width:45px;
        height:45px;
    }
	.menu-main-second ul{
		padding-top:20px;
	}
	#rev_slider_1_1_forcefullwidth{
		display:none;
		opacity:0;
		visibility:hidden;
	}
	#rev_slider_2_2_forcefullwidth{
		display:block;
		opacity:1;
		visibility:visible;
	}
	.dtl-event-date-type{
		flex-wrap: wrap;
  		row-gap: 15px;
	}
	.dtl-event-date-type ul{
		flex-wrap:wrap;
		row-gap: 10px;
	}
}
@media only screen and (max-width:400px){
    .case-study .swiper-slide{
        width:95%;
    }
    .case-study .swiper-button-prev{
        left:0px;
    }
    .case-study .swiper-button-next{
        right:0px;
    }
    .detail-download-pdf a{
        font-size:14px;
    }
    .detail-socail-media span, .detail-download-pdf span{
        font-size: 14px;
        margin-right: 15px;
    }
    .values-points li{
        width:155px;
        height:155px;
    }
    .about-banner-inner p br{
        display: none;
    }
    #rev_slider_2_2_wrapper .metis .tp-bullet-title,
	#rev_slider_1_1_wrapper .metis .tp-bullet-title{
        font-size: 14px !important;
        padding: 10px !important;
    }
	.content-editor p{
		font-size:18px;
		line-height:24px;
	}
}