@media (max-width: 1366px) {
    .main-header a.navbar-brand img {
        width: 70%;
    }
    
    .main-header .main-nav {
        padding: 10px 0 !important;
    }
    
    .banner-div img {
        height: auto !important;
    }
    
    .banner-div h2 {
        font-size: 60px;
        margin-bottom: 20px;
    }

    .banner-div h4 {
        font-size: 40px;
    }

    .banner-div h3 {
        font-size: 40px;
    }

    .banner-div p,
    .why-choose p,
    .testi-cont-div p,
    .team-main p {
        font-size: 17px;
    }

    .start-trade .trade-inner p {
        font-size: 18px;
    }

    .start-trade .trade-inner h2,
    .about-div h2,
    .packages h2,
    .how-trade h2,
    .why-choose h2,
    .price-packages .head-div h2,
    .testimonial-main .head-div h2,
    .faq-section .head-div h2,
    .faq-section .head-div h2,
    .talk-main h2 {
        font-size: 40px;
    }
    
    .bg-div h2 {
        font-size: 22px;
    }

    .icondiv-all h3 {
        font-size: 20px;
    }

    .pack-main h2 {
        font-size: 30px;
    }

    .pack-main h3 {
        font-size: 30px;
    }

    .price-packages ul li {
        font-size: 15px;
    }

    .read-inn:before {
        background-size: 70%;
        top: -171%;
    }
    
    .team-main {
        background-size: cover;
        padding: 50px 0;
    }
    .team-main .slick-arrow {
        bottom: 40px;
    }
    
    .team-main .head-div h2 {
        margin-bottom: 0 !important;
    }

    .talk-main {
        padding: 50px 0 50px;
    }

    .ready-main {
        padding: 50px 0 0;
    }

    .ready-main h2 {
        font-size: 50px;
    }

    .footer h2 {
        font-size: 25px;
    }
} 

@media (max-width: 1366px) 
{
    .lp-page .slide-form .head-form h2 
    {
        font-size: 40px !important;
    }

#hero h2 {
    font-size: 42px;
}
.btn11{
    padding: 10px 10px;
}
.lp-page .slide-form:before {
    right: 5px;
    background-size: 85%;
}
}
@media (max-width: 1200px) {
.pricing .box {
    padding: 60px 20px;
}
.pricing .box a.btn11 {
    min-width: 230px;
}
}

@media (max-width: 1024px) {
.pricing .box a.btn11 {
    min-width: 170px;
}
.pricing .box {
    padding: 60px 10px;
}
}

@media (max-width: 992px) {
    #hero {
        height: 100vh;
    }
    #hero .carousel-container {
        text-align: left;
        top: 74px;
    }
}

@media (max-width: 768px) {
.pricing .box {
    padding: 60px 60px;
}
.lp-page section#hero .carousel-item h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#hero {
    padding: 500px 0;
}
.lp-page .slide-form {
    margin-top: 20px;
}
#hero .carousel-container {
        text-align: center;
    }
}

@media (max-width: 540px) {
    
header#header {
    position: relative;
}
#hero {
    padding: 0;
    height: 100vh;
}
#hero .carousel-container {
    top: 0;
}
.lp-page .slide-form {
    width: 100%;
}
#hero h2 {
    font-size: 23px !important;
}
.lp-page section#hero .carousel-item h4 {
    font-size: 25px;
}
.lp-page .slide-form .head-form {
    text-align: left;
}
.img-box-oc {
    margin-bottom: 55px !important;
}
#hero .carousel-container {
     left: 0px; 
     right: 0px; 
}
}

@media (max-width: 425px) {
#hero {
    padding: 0;
    height: 100vh;
}
#hero h2 {
    font-size: 25px !important;
}
.lp-page section#hero .carousel-item h4 {
    font-size: 20px;
}
}

@media (max-width: 375px) {

#hero {
    padding: 0;
    height: 100vh;
}
.lp-page .slide-form .btn11{
    min-width: 200px;
}
.lp-page .slide-form:before {
    display: none;
}
#hero h2 {
    font-size: 19px !important;
}



}