@media only screen and (min-width:1366px) and (max-width:1500px){
    .container{max-width:1300px;}
    .navbar{padding:20px 0 0px;}
    #main-menu li a.nav-link{padding:35px 15px 10px;}
    .social-media{margin-right: 20px;}

    #inquiry .img-pic{left:-250px;}

    #banner .caption-area .title-text{font-size:2.5rem;}
    #banner .caption-area .small-text{font-size:1.6rem;}
    #banner .right-content .bottle-pic img{max-height:60%;max-width:60%;}
    #inquiry{padding:70px 0;}
    .icon-holder a{font-size:1.1125rem;}
}
@media only screen and (min-width:1003px) and (max-width:1024px){
    h2.title{font-size:2rem;}
    h2.title span{}
    #quality .left-side{padding:30px 50px;}

    .padding{padding:80px 0;}

    #main-menu ul li.submenu-one:hover>ul{top:105px;}
    .navbar,.navbar.fixed #main-menu li a.nav-link{padding:30px 10px 10px;}
    .navbar .social-media ,.navbar .social-media {margin-right: 5px;}
    .navbar .social-media a,.navbar .social-media a{width:45px;height:45px;}
    #main-menu li a.nav-link{padding:30px 10px 10px;}


    #banner .caption-area .title-text{font-size:2.7rem;}
    .block-wrapper .icon-text{font-size:1rem;}
    .icon-holder a{font-size:1rem;}

    #media .owl-nav{top:-100px;}
    #banner{background-position: 70%;}

}
@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;}
    .logo-block,.navbar.fixed .logo-block{margin: 0px;}

    .navbar .social-media,.navbar.fixed .social-media{margin:0px;}
    .navbar .btn-cust,.navbar.fixed .btn-cust{margin-right: 70px;margin-top:0px;}
    .logo-kepler img{max-width:220px;}


    .padding{padding:70px 0;}
    h2.title{font-size:2rem;}

    #banner{height: calc(100vh - 100px);max-height:700px;background-position: 80%;margin-top: 100px;}
    #banner .container{height: calc(100vh - 100px);max-height:700px;}
    #banner .container .row{height: calc(100vh - 100px);max-height:700px;}
    #banner .caption-area .title-text{font-size:2.5rem;}
    #banner .caption-area{text-align: left;padding-top: 0px;}

    .block-wrapper{margin:0 0 30px;}

    #about-aayog:after{display: none;}
    #about-aayog .img-wrapper{margin:0 0 30px;}

    #protection .img-wrapper{padding-left: 0px;margin:30px 0;}

    #inquiry:before{display: none;}
    #inquiry{padding:70px 0;}

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

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


    #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-top: 0px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;top:60px;}


    #mobile-menu .btn-cust {margin: 10px;}
    .logo-kepler img{max-width:170px;}
    .navbar .social-media{display: none !important;}
    .logo-block{margin-top: 0px;margin-left: 10px;}

    .navbar .img-bull{position: relative;width:70px;height:60px;}
    .navbar .img-bull img{position: absolute;right:70px;max-width: 50%;top: 10px;}

    .padding{padding:60px 0;}
    h2.title{font-size:2rem;margin:0 0 30px;}


    #banner{height:auto;margin-top: 60px;}        
    #banner .container{height:auto;}        
    #banner .container row{height:auto;}        
    #banner .caption-area{padding: 60px 0 20px;}
    #banner .caption-area .title-text{font-size:1.8rem;}
    #banner .caption-area .small-text{font-size:1.3rem;}


    .block-wrapper{display: block;flex-wrap: wrap;text-align: center;margin:0 0 20px;}
    .block-wrapper .icon{margin: auto;}
    .block-wrapper div{margin: 0 auto;}
    .block-wrapper .icon-text{display: block;padding-left: 0px;margin-top: 10px;}

    #about-aayog .img-wrapper{margin-bottom: 20px;}
    #about-aayog .about-content{padding-left: 0px;}
    #about-aayog:after{display: none;}

    #protection .img-wrapper{padding-left: 0px;}

    #inquiry{padding: 60px 0;}
    #inquiry:before{display: none;}


    .icon-holder a{font-size:1rem;}

    footer .links{display: none;}
    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{display: block !important;margin-right: 0px;}
    footer #top .social-media a{display: inline-block;border-color: #ffffff;width:45px;height:45px;}

    footer #top .social-media a.fb i{background-position: -8px -177px;}
    footer #top .social-media a.insta i{background-position: -27px -177px;}
    footer #top .social-media a.yt i{background-position: -54px -179px;}

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

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

    #media h2.title{margin:0 0 100px;}
    #media .owl-nav{top:-100px;}

    .amazon-fixed{position: relative;display: flex;justify-content: center;top:auto;transform: none;margin:0 auto;text-align: center;padding:30px 0;}
    .amazon-fixed a img{max-width: none;}
	a.whatsup{display:block; position:fixed; width:40px; height:40px; top:50%; left:auto; right:5px;}
	a.whatsup .sprite{transform:scale(0.8);}

}