@media only screen and (min-width: 768px) and (max-width: 1199px) {
#cappy-screens .owl-controls .owl-prev{left:-23px}
#cappy-screens .owl-controls .owl-next{right:-23px}
}
@media (max-width: 991px) {
.banner-section{background:url(../images/main-banner.png) ,-webkit-linear-gradient(top,#061736 0%,#091935 50%,#0b1b35 51%,#0d1c35 100%);background:url(../images/main-banner.png) ,linear-gradient(to bottom,#061736 0%,#091935 50%,#0b1b35 51%,#0d1c35 100%);background-position:top center;padding:100px 0;background-repeat:no-repeat}
}
@media (min-width:1200px) {
.banner-img::after{position:absolute;content:url(../images/banner-line.png);right:-65px;top:-28px}
}
@media (max-width: 991px) {
#cappy-screens .owl-controls .owl-next{right:-10px}
#cappy-screens .owl-controls .owl-prev{left:-10px}
.logo{float:left}
 
}
@media (max-width: 510px) {
/*.logo-section{padding:35px 0 98px}
.logo{width:200px;text-align:center;float:none}
.menu-blk{top:56%;float:none;position:absolute;left:0;right:0}
.slogan-text h2 {
    font-size: 25px;}*/
.logo img {
    width: 170px;
} 
.slogan-text h2 {
    font-size: 25px;}
.menu-blk{right: 10px;top: 4%;}
#menu{position:absolute;right: 0;}
#menu::after{left:auto;right:10px;}
#toggle{margin: 33px auto 10px;}
}
 
@media (max-width: 767px) {
.banner-section{padding: 50px 0 0px 0;}
.store-btns {
    margin: 5px 0;
}
.banner-content ul li{line-height: 24px;margin-bottom: 15px;}
.store-btns a{display:inline-block;width:49%;text-align:center}
.store-btns a img{max-width:100%;}
.slogan-section {
    padding: 15px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-section{padding: 50px 0 0px 0;}
}