@media(max-width: 1321px){
    .call-img img{
        width: 100%;
        margin-left: 96px;
    }
}
@media(max-width: 1233px){
    .call-img img {
        width: 100%;
        margin-left: 54px;
}
}
    
@media(max-width: 1024px) {

    html {
        font-size: 14px;
    }
    .featured-sec {
        padding: 100px 0 0;
    }
    .call-img img {
        width: 100%;
        margin-left: 27px;
    }
}
@media(max-width: 980px) {
    .call-img img {
        width: 100%;
        padding-top: 60px;
    }
    .featured-area > h2{
        max-width: 100%;
        font-size: 4rem;
    }
    .sec-heading2 {
        max-width: 100%;
    }
    .feature-count a {
        padding: 7% 0;
        height: 170px;
    }
    .gap {
        padding: 100px 0;
    }
    .sec-heading2 {
        max-width: 100%;
    }
    .theme-inner-pages {
        padding-bottom: 70px;
    }
    .footer-area {
        text-align: center;
    }
    .footer-menu {
        margin-top: 10px;
    }
    .footer-menu ul {
        justify-content: center;
    }
    .purchase-btns.text-center {
        margin-bottom: -120px;
    }
}
@media (max-width: 977px){

    .call-to-action h2 {
        font-size: 2.3110rem;
    }
    .featured-area p{
        max-width: 71%;
    }

}
@media(max-width: 828px){
    .call-img img {
        margin-left: 5px;
    }
    
}
@media(max-width: 788px){
    .call-img img {
        margin-left: -15px;
    }

}
@media(max-width: 736px) {
    .gap {
        padding: 70px 0;
    }
    .new-heading p {
        max-width: 100%;
    }
    .featured-area > h2 {
        font-size: 3rem;
    }
    .feature-count a {
        display: inline-block;
        padding: 9% 0;
    }
    .feature-count a + a {
        margin-top: 30px;
    }
    .support-item {
        margin-bottom: 30px;
    }
    .call-img {
        display: none;
    }
    .overlap-sec {
        margin-top: 70px;
    }
}

@media(max-width: 480px) {
    .featured-area > h2,
    .section-title h2,
    .sec-heading2 h2,
    .buy-themes-sec h2,
    .call-to-action h2 {
        font-size: 2.5rem;
    }
    .support-item {
        padding: 40px 30px;
    }
    .feature-count a {
        display: block;
        width: 100%;
        height: auto;
        padding: 40px 0;
        margin: 0;
    }
    .purchase-btns.text-center {
        margin-bottom: 0;
    }
    .purchase-btns a {
        display: block;
        margin-bottom: 8px;
    }
    .purchase-btns a + a {
        margin-left: 0;
    }
}

@media(max-width: 360px) {
    html {
        font-size: 13px;
    }
    .featured-area > h2,
    .section-title h2,
    .sec-heading2 h2,
    .buy-themes-sec h2,
    .call-to-action h2 {
        font-size: 2rem;
    }
}