@media only screen and (max-width: 1920px) {
 .banner-golderbx{height: 450px;}
.banner-golderbx h1{padding: 85px 155px 20px 155px;}
.banner-golderbx h3{margin: 60px 7px;}
}


@media only screen and (max-width: 1680px) {
.banner-golderbx h3{margin: 25px 7px;}
.banner-golderbx h1 {padding: 75px 155px 20px 155px;}
}

@media only screen and (max-width: 1600px) {
 .banner-golderbx h3 {margin: 15px 7px;}
}

@media only screen and (max-width: 1500px) {
.banner-golderbx h1 {padding: 75px 155px 10px 155px;}
}

@media only screen and (max-width: 1440px) {
.banner-golderbx h1{padding: 35px 155px 20px 155px;}
.banner-golderbx h3{margin: 45px 7px;}
}


@media only screen and (max-width: 1366px) {
 .banner-golderbx{height: 405px;}
 .banner-golderbx h1{ padding: 20px 155px;}
 .banner-golderbx h3{margin: 35px 7px;padding: 0px 30px;}
}


@media only screen and (max-width: 1112px) {

}



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


}


@media only screen and (max-width: 980px) {

}



@media only screen and (max-width: 800px) {

}


@media only screen and (max-width: 768px) {
.navbar-toggler-icon{background-image:url(../images/menu-icon.png) !important;background-repeat:no-repeat !important;background-size:30px !important;}
.navbar-toggler{border:2px solid #fff;outline:none;padding:0px 4px;}
.content{padding:20px 0px;}
.content p {font-weight: 600;font-size: 15px;line-height: 24px;padding: 0px 10px;}
.navbar{--bs-navbar-padding-y: 3px;}
.navbar-collapse{padding:10px 0px;background:#000;}
.navbar-nav .dropdown-menu {padding: 10px 10px;width: 90%;margin:0 auto;}
.navbar-nav .dropdown-menu li:last-child{border-bottom:none;}
.navbar-nav li:nth-child(2){border-top:none !important;}
.navbar-brand{width:70%;}
.navbar-brand img{width:80%;}
.banner{height:500px;background-image:url(../images/mobile-banner.png);}
.banner-golderbx{width: 60%;height: 200px;top: 195px;left: 10px;}
.banner-golderbx h1{font-size: 30px;padding: 10px 50px 0px 15px;line-height: 35px;}
.banner-golderbx h2{font-size: 30px;padding: 25px 10px;line-height: 35px;}
.banner-golderbx h3{font-size: 30px;padding:5px 10px;margin: 10px 7px;}
.slick-prev, .slick-next{top:30% !important;}
}



@media only screen and (max-width: 640px) {
.banner { height: 400px;}
.banner-golderbx h1{font-size: 25px;padding: 10px 50px 0px 15px;line-height: 30px;}
.banner-golderbx h2{font-size: 25px;padding: 0px 10px;line-height: 30px;}
.banner-golderbx h3{font-size: 25px;padding:15px 10px;margin: 10px 7px;}
.navbar-brand img{width:70%;}
}


@media only screen and (max-width: 575px) {
.banner {height: 320px;}
.banner-golderbx {width: 60%;height: 200px;top: 118px;left: 4px;}
.banner-golderbx h1 {font-size: 20px;padding: 10px 50px 0px 15px;line-height: 25px;}
.banner-golderbx h2 {font-size: 20px;padding: 0px 10px;line-height: 25px;}
.banner-golderbx h3 {font-size: 20px;padding: 5px 10px;margin: 8px 7px;}
}


@media only screen and (max-width: 480px) {
.banner {height: 320px;}
.banner-golderbx{height:35px;}
.banner-golderbx {width: 60%;height: 200px;top: 118px;left: 4px;}
.banner-golderbx h1 {font-size: 20px;padding: 10px 25px 0px 15px;line-height: 25px;}
.banner-golderbx h2 {font-size: 20px;padding: 0px 10px;line-height: 25px;}
.banner-golderbx h3 {font-size: 18px;padding: 5px 10px;margin: 7px 7px;}
}

@media only screen and (max-width: 440px) {
.banner {height: 285px;}
.banner-golderbx h1 {font-size: 18px;padding: 10px 25px 0px 25px;line-height: 17px;}
.banner-golderbx h2 {font-size: 18px;padding: 10px 25px 0px 25px;line-height: 17px;}
.banner-golderbx h3 {font-size: 18px;padding:5px 5px;margin: 8px 7px;}
}

@media only screen and (max-width: 414px) {
.banner-golderbx h3{margin: 4px 7px;}
.banner-golderbx{height:140px;}
.banner {height: 265px;}
}


@media only screen and (max-width: 400px) {
.banner {height: 250px;}
.banner-golderbx h3{padding:5px 5px;}
.banner-golderbx h2{line-height:15px;}
.banner-golderbx h1{line-height:15px;}
}

@media only screen and (max-width: 375px) {
.banner-golderbx h3 {font-size: 16px;padding:2px 5px;margin: 2px 7px;}

}

@media only screen and (max-width: 370px) {
.banner-golderbx h3 {font-size: 16px;padding:0px 5px;margin: 2px 7px;}

}