/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    p{
        font-size: unset;
    }
    .header-title {
        font-size: 35px;
    }
    .subtitle {
        font-size: 30px;
    }
    
    .col-md-12.mt-lg-0.py-1 {
        display: flex
    ;
    }
    .form-section .cform .form-group button {
        font-size: 17px;
        min-width: 110px;
        text-transform: capitalize;
    }
    .footer .nav-link {
        font-size: unset;
    }
    
    .footer .nav-link {
    font-size: 18px;
}

.form-section .cform h2 {
    margin-bottom: 30px;
}
    
    .heading {
        font-size: 22px;
    }    
    .card-background:hover .card-background-txt {
        top: 0;
        transition: 0.9s;
    }

    .card-special1-1,
    .card-special1-2,
    .card-special2-1,
    .card-special2-2,
    .card-special3-1,
    .card-special3-2 {
        max-height: 288px !important;
        min-height: 288px !important;
    }
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 480px) and (max-width: 768px) {
    #services {
        min-height: 55vh;
    }
    .video-background {
        height: 60vh;
    }
    .card-background:hover .card-background-txt {
        top: 0;
        transition: 0.9s;
    }

    .card-special1-1,
    .card-special1-2,
    .card-special2-1,
    .card-special2-2,
    .card-special3-1,
    .card-special3-2 {
        max-height: 288px !important;
        min-height: 288px !important;
    }
}