@media only screen  and (min-width: 1450px)  {

}


@media only screen  and (max-width: 1280px)  {
.navbar-brand img{
width: 160px;
}	
.class11 {
    position: absolute;
    bottom: -75px;
    right: 0!important;
}
.class10 {
    position: absolute;
    left: 0!important;
    bottom: -121px;
}
.offset-lg-6 {
    margin-left: 45%!important;
}
.class41{
    margin-left: -75px!important;
}
}


@media only screen  and (max-width: 1024px) {
.header {
width: 100%!important;
margin: auto;
}
.navbar-brand img{
width: 150px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}

@media only screen 
and (max-width: 992px) 
and (min-width: 767px){
    .class1 img{
        width: 100%;
    }
    .class9 img {
        margin-bottom: 25px;
        width: 100%;
    }
    .offset-lg-6 {
        margin-left: 0%!important;
    }
    .class10 img{
        width: 100px;
    }
    .class10 { 
        bottom: -50px!important;
    }
    .class11 img{
        width: 80px;
    }
    .class11 { 
        bottom: -35px!important;
    }
    .class39 {
        position: absolute;
        left: -18px!important;
        bottom: -32px!important;
        width: 100px;
    }
    .class38 {
        position: absolute;
        right: -45px!important;
        width: 123px;
        top: -49px!important;
    }
    .class41 {
        position: relative!important;
        background-color: #f8b31f;
        z-index: -1; 
        height: auto;
        width: 445px;
        margin: auto; 
        padding: 63px;
        padding-left: 76px;
        padding-top: 45px;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 150px;
        border-bottom-left-radius: 150px;
        margin: auto!important;
    }
    .class23 {
        width: 100%;
    }
}


@media only screen 
and (max-width: 768px) 
and (min-width: 576px){
    .class1 img{
        width:250px;
        margin: auto;
    }
    .class1 {
        padding-left: 0!important;
        padding-top: 25px!important;
        padding-bottom: 30px!important;
        text-align: center;
    }
    .class9 img {
        margin-bottom: 25px;
        width: 100%;
    }
    .offset-lg-6 {
        margin-left: 0%!important;
    }
    .class10 img{
        width: 100px;
    }
    .class10 { 
        bottom: -50px!important;
    }
    .class11 img{
        width: 80px;
    }
    .class11 { 
        bottom: -35px!important;
    }
    .class39 {
        position: absolute;
        left: -18px!important;
        bottom: -32px!important;
        width: 100px;
    }
    .class38 {
        position: absolute;
        right: -45px!important;
        width: 123px;
        top: -49px!important;
    }
    .class41 {
        position: relative!important;
        background-color: #f8b31f;
        z-index: -1; 
        height: auto;
        width: 445px;
        margin: auto; 
        padding: 63px;
        padding-left: 76px;
        padding-top: 45px;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 150px;
        border-bottom-left-radius: 150px;
        margin: auto!important;
    }
    .class23 {
        width: 100%;
    }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {
    .newproduct-text h2 {
        font-size: 25px!important;
        font-family: Raleway;
        font-weight: 700;
        color: #fff;
        margin: 0;
    }
    .class1 img{
        width:168px;
        margin: auto;
    }
    .class1 {
        padding-left: 0!important;
        padding-top: 25px!important;
        padding-bottom: 13px!important;
        text-align: center;
    }
    .class9 img {
        margin-bottom: 25px;
        width: 100%;
    }
    .offset-lg-6 {
        margin-left: 0%!important;
    }
    .class10 img{
        width: 100px;
    }
    .class10 { 
        bottom: -50px!important;
    }
    .class11 img{
        width: 80px;
    }
    .class11 { 
        bottom: -35px!important;
    }
    .class39 {
        position: absolute;
        left: 3px!important;
        bottom: -22px!important;
        width: 66px;
    }
    .class38 {
        position: absolute;
        right: 23px!important;
        width: 80px;
        top: -30px!important;
    }
    .class41 {
        position: relative!important;
        background-color: #f8b31f;
        z-index: -1; 
        height: auto;
        width: 100%!important;
        margin: auto; 
        padding: 63px;
        padding-left: 35px!important;
        padding-top: 45px;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 50px!important;
        border-bottom-left-radius: 50px!important;
        margin: auto!important;
    }
    .class23 {
        width: 100%;
    }
    .class9 h2 {
        font-size: 20px!important;
    }
    .class9 h1 {
        font-size: 30px!important;
    }
    .class51 h1 {
        font-size: 30px!important;
    }
    .class13 h2 {
        font-size: 20px!important;
    }
    .class13 h1,class15 h1{
        font-size: 30px!important;
    }
    .class13 img {
        margin-top: -40px;
        margin-bottom: 25px;
        width: 100%;
    }
    .class15 img { 
        width: 100%;
    }
    .class15 h1{
        width: 250px;
        margin: auto;
    }
    .footer-left {
        margin-top: 50px;
        margin-bottom: 50px;
        position: relative;
        margin-left: 25px;
    }
    .footer-left-text {
        margin-left: 36px;
        padding-right: 0!important;
    }
    .footer-center{
        margin-left: 25px;
    }
    .footer-right{
        margin-left: 25px;
    }
    .class19 img {
        width: 90%;
        margin-top: -45px;
    }
    .class22 > div h2 {
        font-size: 20px!important;
    }
    .class42 {
        display: flex;
        width: 100%!important;
    }
    .class41 h2 {
        font-size: 30px!important;
        font-family: Raleway;
        font-weight: 700;
        margin-top: -10px;
        color: #601010;
    }
    .class19 h1 {
        font-weight: 700;
        font-family: Raleway;
        color: #ebcf83;
        font-size: 40px;
        width: 250px;
        margin: auto;
    }
    .class19 img {
        margin-top: -30px!important;
    }
    .class143 {
        margin-top: 50px;
        /* padding: 20px; */
        width: 80%;
    }
    .footer-left {
        margin-top: 25px!important;
        margin-bottom: 0!important;
        position: relative;
    }
    .footer-center {
        margin-top: 25px!important;
        margin-bottom: 0!important;
        position: relative;
    }
    .footer-right {
        margin-top: 25px!important;
        margin-bottom: 50px;
        position: relative;
    }
    .footer p {
        color: #fff;
        font-weight: 600;
        font-family: Raleway;
        padding-left: 20px;
        padding-right: 25px;
    }
    .class19 h1{
        font-size: 35px;
    }
}




@media only screen  and (max-width: 375px)  {
    .class41 {
        position: relative!important;
        background-color: #f8b31f;
        z-index: -1; 
        height: auto;
        width: 100%!important;
        margin: auto; 
        padding: 63px;
        padding-left: 5px!important;
        padding-top: 45px;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 50px!important;
        border-bottom-left-radius: 50px!important;
        margin: auto!important;
    }
} 



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

}

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

}