@media screen and (min-width: 320px) {
    .aph_mobile_header_content {
        display: inline-block;
    }

    .aph_desktop_header_content{
        display: none;
        transition: transform 0.5s ease-in;
    }
    .mobile_header_content-logo img{
        width: 39px;
        height: 45px;
    }
    body {
        overflow-x: hidden !important;
    }    
    div.aph_row_01{
        /* background-repeat: no-repeat !important;
        background-image: url(../images/pexels-photo-2510428-640w.jpeg);
        background-size: cover !important; */
        background-color: #232433 !important;
    }
    .aph_row_01{
        padding-top: 58px;
        /* padding-bottom: 58px; */
    }
    .m-font-size-38{
        font-size: 38px;
    }
   

}
@media screen and (max-width:767px) {
    #ir-cal .card {
        padding-top: 50px;
        justify-content: center !important;
        align-items: center !important;
        /* font-size: 40px; */
        font-weight: 700;
        color: #002f6c;
        /* padding-left: 20px ; */
    
    }
    /* #drop-down-card{
        height: auto;
    } */
    #displayed-image{
        width: 100%;
        height: 300px;
    }
}

@media screen and (min-width:767px) {
    #ir-cal .card {
        /* padding-top: 50px;    */
        justify-content: flex-start;
        align-items: flex-start !important;
        /* font-size: 40px; */
        font-weight: 700;
        color: #002f6c;
        padding-left: 20px ;
    }
    #displayed-image{
        width: 100%;
        height: 1050px;

    }
}

@media screen and (min-width: 1024px) {
    .aph_mobile_header_content {
        display: inline-block;
        transition: transform 0.5s ease-in;
    }
    .aph_desktop_header_content{
        display: none;
        transition: transform 0.5s ease-in;
    }
    div.aph_row_01{
        /* background-repeat: no-repeat !important;
        background-image: url(../images/pexels-photo-2510428-2880w.jpg) !important;
        background-size: cover !important; */
        background-color: #232433 !important;
    }
    .aph_header_logo{
        width: 350px;
        height: 42px;
    }
    #aphheader ul li a{
        padding: 10px 0px;
    }
    ul.aph_nav_menu li:nth-child(3), ul.aph_nav_menu li:nth-child(3) a {
        padding-left: 0px;
        padding-right: 0px;
        width: 28%;
    }
    #aphheader ul li a{
        font-size: 20px;
    }
    .aph_row_01 {
        padding-top: 70px;
        /* padding-bottom: 110px; */
    }

    .m-font-size-48 {
        font-size: 48px;
    }
    
}
@media screen and (min-width: 1100px) {
    .item-color a{
      
        margin-left: 0px;
        
    }
}

@media screen and (min-width: 1200px) {
    .aph_mobile_header_content {
        display: none;
        transition: transform 0.5s ease-in;
    }
    .aph_desktop_header_content{
        display: flex;
        transition: transform 0.5s ease-in;
    }
    ul.aph_nav_menu li:nth-child(3), ul.aph_nav_menu li:nth-child(3) a {
        padding-left: 0px;
        padding-right: 0px;
        width: 28%;
    }
    #aphheader ul li a{
        font-size: 24px;
    }
    .aph_mobile_header_content {
        display: none;
        transition: transform 0.5s ease-in;
    }
    .aph_desktop_header_content{
        display: flex;
        transition: transform 0.5s ease-in;
    }
    .aph_row_01 {
        padding-top: 110px !important;
    }
    .item-color a{
      
        margin-left: 0px;
        
    }
}

@media screen and (min-width: 1400px) { 
    #aphheader ul li a{
        font-size: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   #aph_mobile_header .mobile_header_hamburger-lines #menu{
        width: 72vw;
        transition: transform .3s linear;
    }
}


@media (max-width: 768px) {
    .container {
        padding: 10px;
    }

    .section-title {
        font-size: 28px;
    }

    .leader h3 {
        font-size: 20px;
    }

    .leader h4 {
        font-size: 16px;
    }

    .leader p {
        font-size: 14px;
    }
    .row-padding-container, .container-lg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .row-padding-container .form-m {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .row-padding-container .card-body {
        width: 100%;
    }
    .m-font-size-10 {
        font-size: 10px !important;
    }
    

}


