/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 900px){
    .container {
        max-width: 750px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1300px) and (max-width: 1399px){
}

@media (min-width: 1200px) and (max-width: 1299px){
}

@media (max-width: 1199px){

}

@media (min-width: 768px) and (max-width: 899px){

    .container {
        max-width: 720px;
        margin: 0 auto;
    }

    /*---------------------details-section-start------------------------*/
    .details-section {
        margin: 0 49px;
    }
    /*---------------------details-section-end--------------------------*/

    /*---------------------hyperlink-section-start----------------------*/
    .hyperlink-section {
        margin: 0 145px;
    }
    .hp-detail {
        margin-bottom: 50px;
    }
    .hp-img .hp-text {
        padding: 0 50px;
    }
    /*---------------------hyperlink-section-end------------------------*/

}

@media (min-width: 768px) {
}

@media (min-width: 576px) and (max-width: 767px){

    body {
        font-size: 22px;
        line-height: 26px;
    }

    .container {
        max-width: 540px;
        margin: 0 auto;
    }

    /*---------------------banner-section-start-------------------------*/
    .company-name h1 {
        font-size: 42px;
        line-height: 46px;
    }
    /*---------------------banner-section-end---------------------------*/

    /*---------------------details-section-start------------------------*/
    .details-section {
        margin: 0;
    }
    .details-section .section-text .section-img {
        margin-right: 20px;
    }
    /*---------------------details-section-end--------------------------*/

    /*---------------------hyperlink-section-start----------------------*/
    .hyperlink-section {
        margin: 0 55px;
    }
    .hp-detail {
        margin-bottom: 40px;
    }
    /*---------------------hyperlink-section-end------------------------*/

    /*---------------------footer-start---------------------------------*/
    .footer-start {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .quote-section {
        margin-bottom: 70px;
    }
    /*---------------------footer-end-----------------------------------*/

}

@media (max-width: 575px) {

    body {
        font-size: 20px;
        line-height: 24px;
    }

    /*---------------------banner-section-start-------------------------*/
    .company-name h1 {
        font-size: 38px;
        line-height: 42px;
    }
    /*---------------------banner-section-end---------------------------*/

    /*---------------------contact-section-start------------------------*/
    .contact-section ul {
        flex-direction: column;
        /* align-items: flex-start; */
    }
    .contact-section ul li {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .contact-section ul li:last-child {
        margin-bottom: 0;
    }
    /*---------------------contact-section-end--------------------------*/

    /*---------------------details-section-start------------------------*/
    .details-section {
        margin: 0;
        padding-top: 50px;
    }
    .details-section .section-text .section-img {
        float: unset;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .youtube-video-section iframe {
        width: 100%;
    }
    /*---------------------details-section-end--------------------------*/

    /*---------------------hyperlink-section-start----------------------*/
    .hyperlink-section {
        margin: 0;
    }
    .hp-detail {
        margin-bottom: 40px;
    }
    .hyperlink-section {
        padding-bottom: 50px;
    }
    .hp-img .hp-text {
        padding: 0 10px;
        min-width: 260px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    /*---------------------hyperlink-section-end------------------------*/

    /*---------------------footer-start---------------------------------*/
    .footer-start {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .quote-section {
        margin-bottom: 70px;
    }
    /*---------------------footer-end-----------------------------------*/

}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/


@media (min-width: 240px) and (max-width: 575px){
}