@media only screen and (min-width:1366px) and (max-width:1500px){
    .container{max-width:1200px;}

    #banner .item .banner-caption .title{font-size:3rem;}
    #banner .item .banner-caption{width:750px;}



}
@media only screen and (min-width:1003px) and (max-width:1024px){

    .navbar-brand img{max-width:120px; margin: 0;}
    #main-menu li a.nav-link:after{width: calc(100% -  20px);}

    .top50 {margin-top: 30px !important;}
    .top80 {margin-top: 50px !important;}
    .top100 {margin-top: 80px !important;}


    h2.title{font-size:2rem;}
    h2.title span{}
    #quality .left-side{padding:30px 50px;}

    .padding{padding:80px 0;}

    #wrapper{overflow: hidden;}

    #main-menu ul li.submenu-one:hover>ul{top:105px;}
    .navbar,.navbar.fixed #main-menu li a.nav-link{padding: 25px 10px;}
    .navbar{padding:0px;}
    .logo-block{padding: 10px 0;}
    .navbar.fixed .logo-block{padding: 10px 0;}
    .navbar .btn-custom3{margin-top: 0; padding: 10px 30px;}

    #main-menu li a.nav-link{padding: 25px 10px;}

    #banner .item .banner-caption{width1:700px;}
    #banner .item .banner-caption .title{font-size:3rem;}

    #member-login .btn-custom3{padding:10px 20px;}
    #member-login .btn-custom4{padding:12px 30px;}
    #member-login .input-group{padding: 5px 15px;}

    #main-container .product-slider-wrapper{position: inherit; height: auto; padding: 0 0 50px;}
    #main-container .product-slider-wrapper .product-slider .item{height: 260px;}
    #main-container .product-slider-wrapper .product-slider .item img{max-width: 80%;}

    #testimonials.padding{padding:80px 0;}
    #testimonials #links{margin:30px auto;}
    #testimonials li{padding-bottom: 50px;}
    #testimonials li p.text{font-size:1.2rem;line-height: 30px;}
    #testimonials .bx-controls-direction{top:-100px;}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-prev{left:0px;}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-next{right:0px;}

    #our-products .owl-carousel .owl-dots{margin-top: 50px;}

    #explore .text-wrapper .title-text{font-size:2.8rem;}
    #explore .text-wrapper .small-text{font-size:2.2rem;}

    #news-events a.item .caption{height:calc(100% - 155px);padding: 20px 0 70px 20px;}
    #news-events a.item .caption .btn-custom2{bottom:10px;padding: 15px 20px 15px 0;}
    .news-item .caption{height: calc(100% - 155px);}



    footer{padding:80px 0 30px;}
    footer #top .contact-area{padding:70px 0;}
    footer #top .contact-area ul li{font-size:1.03rem;}
    footer #top .con-block{margin-top: 42px;}
    footer #top h3{font-size:1.10rem;}
    footer #top form .form-control {padding: 20px 40px 20px 60px;}
}
@media only screen and (min-width:768px) and (max-width:1003px){


    #main-menu{display: none;}
    #mobile-menu-icon{display: block;top:43px;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:100px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;top:100px; height: calc(100% - 100px);}
    .logo-block,.navbar.fixed .logo-block{margin: 0px 0 0 15px;}
    .navbar .btn-custom3{margin:0px 70px 0 0;}
    .navbar-brand img{max-width:120px;}
    #mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{background-color:#d75d37;}

    .padding{padding:70px 0;}
    h2.title{font-size:2rem;margin: 0 0 30px;}
    .top50 {margin-top: 30px !important;}
    .top80 {margin-top: 50px !important;}
    .top100 {margin-top: 80px !important;}

    #banner{max-height:700px;background-position: 80%;margin-top: 100px;}
    #banner .container{max-height:700px;}
    #banner .container .row{max-height:700px;}
    #banner .item{max-height:700px;}

    #banner .item .banner-caption .title{font-size:3rem;}
    #banner:after{transform: scale(0.7); transform-origin: right bottom;}
    #banner + #awards:before{height: 35px;}
    .pic:before{transform: scale(0.3);}

    #about-kepler{padding:100px 0 80px;}
    #about-kepler .about-pic{margin-bottom: 50px;}
    #about-kepler .icon-text{font-size:1rem;padding-left: 5px;}
    #about-kepler .icon img{transform: scale(0.8);}

    #our-products .item span.icon{margin-bottom: 20px;}
    #our-products .item span.title{margin-bottom: 15px;}

    #our-products .owl-carousel .owl-dots{margin-top: 30px;}
    #explore .text-wrapper .title-text{font-size:2.50rem;}
    #explore .text-wrapper .small-text{font-size:1.50rem;}
    #enterprise .right-wrapper{margin-left: 0px;}

    #testimonials.padding{padding:70px 0;}
    #testimonials .bx-controls-direction{top:-130px;}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-prev{left:0}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-next{right:0}
    #testimonials li{padding-bottom: 50px;}

    #news-events a.item .caption{padding: 20px 0 80px 20px;}
    #news-events a.item .caption .btn-custom2{bottom:10px;}

    #member-login .btn-custom3{padding:15px 21px;}


    #inner-banner{height: 250px;}
    #inner-banner:after{transform: scale(0.7); transform-origin: right bottom;}
    #inner-banner h1{font-size: 3rem;}

    .gallery .item{margin-bottom: 30px;}

    #main-container .product-slider-wrapper{position: inherit; height: auto; padding: 0 0 50px;}
    #main-container .product-slider-wrapper .product-slider .item{height1: 260px;}
    #main-container .product-slider-wrapper .product-slider .item img{max-width: 80%;}
    #main-container .product-slider-wrapper .thumbnail-slider .item{height: 130px;}
    
    .news-item .caption{height: calc(100% - 150px);}

}
@media only screen and (min-width:320px) and (max-width:767px){

	#main-preloader .img-wrap {padding: 0 15px;}
    #main-menu{display: none;}
    #mobile-menu-icon{display: block;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:60px;}
    .navbar.fixed .logo-block{margin:-5px 0 0 10px; padding: 0;}
    .navbar-brand img {max-width: 100px;}
    .logo-block{margin:-5px 0 0 10px;}

    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    #mobile-menu {display: block;top:60px;}
    #mobile-menu .btn-cust {margin: 10px;}
	#mobile-menu .sub-menu-toggle {display: none;}
	#mobile-menu li.menu-item-has-children ul.sub-menu {display: block;}

    #mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{background-color: #d75d37;}


    .padding{padding:50px 0;}
    h2.title{font-size:1.8rem;margin:0 0 30px;}
    h2.title span{margin-bottom:10px;}
    h2.title br{display: none;}
    .top50 {margin-top: 20px !important;}
    .top80 {margin-top: 50px !important;}
    .top100 {margin-top: 80px !important;}

    #inner-banner h1{font-size: 1.8rem;}
    #inner-banner{height: 150px;}
    #inner-banner:after{transform: scale(0.4); transform-origin: right bottom;}

    .btn-custom1{padding: 10px; margin-top: 15px;}

    #banner:before{display: none;}
    #banner:after{display: none;}
    #banner{height:auto;margin-top: 60px; max-height: 100%;} 
    #banner:after{transform: scale(0.7);right:-50px;}
    #banner .item{height:auto; max-height: 100%;}        
    #banner .container{height:auto; max-height: 100% !important;}        
    #banner .container .row{height:auto; max-height: 100% !important;}      
    #banner, #banner .item {height: auto !important;}
    #banner .item{background-image: none !important; margin: 0 -15px;}
    #banner .item .banner-caption{position: inherit;top: auto;transform: none;left:0px;width:auto;  margin: 0 15px;}
    #banner .item .banner-caption .title{font-size:1.8rem;line-height: normal; margin-top: 20px;}
    #banner .item .banner-caption .title br{display: none;}
    #banner .item .banner-caption p{font-size:1rem;}
    #banner .item .banner-caption .btn-custom1{margin-right: 10px;}
    #banner + #awards:before{display: none;}
	#banner .owl-carousel.dot-style01 .owl-dots {position: inherit; bottom: 0; margin: 15px 0;}

    #share-this{right: 55px; top: 0; transform: translateY(0); z-index: 10; margin: 0}
     .social-media{margin-top: 15px;}
    #share-this .social-media a{margin: 0 3px 0; display: flex; width: 30px; height: 30px;}

    .awards-slider .item .item-inner .info .title{font-size: 1rem;}
    .pic{margin-bottom: 30px;}
    .pic:before,.has-curve:before{transform: scale(0.3);}
    .pic:after,.has-curve:after{left: 10px; top: 10px;}


    #about-kepler{padding:60px 0;}
    #about-kepler:before{width:71%;top:-38px; display: none;}
    #about-kepler .about-pic{margin-bottom: 30px;}
    #about-kepler .icon-text{font-size:1rem;padding-left: 10px;}
    #about-kepler .icon img{transform: scale(0.8);}
    #about-kepler h3.sub-title{font-size: 1.5rem; line-height: normal;}

    #our-products .item{padding:0;}
    #our-products .item span.icon{margin-bottom: 20px;}
    #our-products .item span.title{margin-bottom: 20px;}
    #our-products .item .btn-custom2{bottom:30px;}
    #our-products .owl-carousel .owl-dots{margin-top: 20px;}

    #explore .text-wrapper .title-text{font-size:2rem; line-height: normal;}
    #explore .text-wrapper .small-text{font-size:1.8rem;}

    #accordion .card-header a:after,#accordion .card-header a.collapsed:after{right:-25px;}
    #accordion .card-body {padding: 25px;}


    #enterprise .right-wrapper{margin-left: 0px;}

    #testimonials.padding{padding:50px 0;}
    #testimonials #links a {display: none !important;margin: 0px;}
    #testimonials #links a.active {display: block !important;margin: 0 auto;transform: scale(1.5);}
    #testimonials .bx-controls-direction {top: -110px;z-index: 1;}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-prev {left: 0px;}
    #testimonials .bx-wrapper .bx-controls-direction a.bx-next {right: 0px;}
    #testimonials .story-container{margin:10px auto;}
    #testimonials li{padding-bottom: 0;}
    #testimonials li p.text{line-height: 30px;font-size:1.25rem;}

    #news-events .slider .owl-nav{top:-75px;}
    #news-events a.item .caption{height: calc(100% - 200px);padding: 20px 0 70px 20px;}
    #news-events a.item .btn-custom2{bottom:10px;}

    #member-login:before{background-size: cover;}
    #member-login .btn-custom3{margin-bottom: 20px;}
    #member-login .btn-custom4{margin-bottom: 20px;}  

    #member-login .input-group{margin-bottom: 20px;}

    footer{padding:60px 0 30px;}

    form .has-captcha .input-group .form-control{width:100%;margin-bottom: 10px;}
    form .form-group.has-captcha .input-group{display: block;}

    footer #bottom,footer #bottom p{text-align: center !important;}
    footer #top .social-media{float: none;}
    footer #top .contact-area{padding:30px 0;}
    footer #top .con-block{margin-top: 0;}
    footer #top .contact-area ul li{margin-bottom: 20px;padding: 0 0 0 33px;font-size:1rem;}

    footer #bottom .copyright-text span{display: block;}

    .owl-carousel .owl-nav.disabled1{display: block;}


    #accordion .card-header{padding:20px 40px 20px 60px;}
    .accordion{margin-bottom: 30px;}
    .gallery .item{margin-bottom: 30px;}

    #main-container .product-slider-wrapper{position: inherit; height: auto; padding: 0 0 50px;}
    #main-container .product-slider-wrapper .product-slider .item{height: 260px;}
    #main-container .product-slider-wrapper .product-slider .item img{max-width: 80%;}
    #main-container .product-slider-wrapper .thumbnail-slider .item{height: 70px;}

    #pg-the-company .our-vision ul li{font-size: 1.65rem;}

    #pg-career .career-container .nav-tabs{display: flex; flex-wrap: nowrap; overflow: hidden; overflow-x: scroll; margin-bottom: 0;}
    .nav-tabs .nav-item{white-space: nowrap; margin-right: 15px;}
    #pg-career .career-container .nav-tabs li a:before{display: none;}
    #pg-career .career-container .nav-tabs li a.active:before{display: none;}
    #pg-career .career-container .nav-tabs li a{font-size: 1.05rem; padding: 1.20rem;}
    #pg-contact .contact-content .item {margin-top: 30px;}
    #pg-contact .contact-content .item h5{margin: 15px 0; padding-bottom: 15px;}

    .resume-content .pic{display: none;}
    #mobile-menu ul li a.btn-custom3 span{padding-left: 0;}
    #mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color: var(--primary_1);}

}