/*
======================
For - Big - Screen
======================
*/


@media screen and (min-width: 1900px) {}


/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1700px) {

	



	


}




@media screen and (min-width: 1200px) and (max-width: 1399px) {


    
	
}


@media screen and (min-width: 992px) and (max-width: 1199px) {

    .ftr-title h3 {
        font-size: 28px;
    }

    .main-slider-div > img {
        height: 700px;
        object-fit: cover;
    }
    
	
}



/*
=======================
For - Ipad - Screen
=======================
*/

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

    /* 
    ==================
    header-area
    ==================
    */

    .lg-flag {
        padding: 60px 0 0;
    }

    .header-top,
    .lg-flag {
        max-width: 768px;
        margin: 0 auto;
    }

    .hdr-logo a img {
        max-width: 200px;
    }

    .hdr-serach-form {
        margin-right: auto;
    }



    /* 
    =====================
    slider-area
    =====================
    */
    
    .slider-div > h2 {
        font-size: 54px;
        top: 22px;
    }

    .main-btn-div {
        max-width: 676px;
    }

    .cuple-btn-div button {
        padding: 3px 14px 9px 12px;
        border-radius: 40px;
        text-align: start !important;
        justify-content: start !important;
        height: 52px;
        gap: 10px !important;
    }

    .cuple-btn-div button:last-child {
        margin-bottom: 0;
    }

    .cuple-btn-div button span {
        font-size: 12px;
    }

    .cuple-btn-div button h3 {
        font-size: 14px;
    }

    .cuple-btn-div {
        border-radius: 35px;
        padding: 12px;
    }

    .cuple-btn-div button img {
        max-width: 18px;
    }

    .main-slider-div > img {
        height: 600px;
        object-fit: cover;
    }



    /* 
    ==================
    properties-area
    ==================
    */
    
    .properties-grid-area {
        grid-template-columns: repeat(2, 1fr);
    }




    /* 
    ==================
    mission-area
    ==================
    */

    .mission-flex {
        flex-wrap: wrap;
        margin: 70px 0 0;
    }

    .mission-flex > div {
        width: 100%;
        margin: 0 0 40px;
    }

    .mission-flex > div p,
    .mission-flex > div li {
        max-width: 580px !important;
        margin-left: 0;
        line-height: 1.8;
    }


    /* 
    =====================
    footer-area
    =====================
    */

    .footer-area .h2-text {
        font-size: 42px;
    }

    .footer-row {
        padding-bottom: 0;
    }

    .ftr-text {
        text-align: center;
        margin: 0 0 40px;
    }

    .sm-ftr-text {
        margin: 0 0 35px;
    }

    .footer-form {
        margin: 0 0 40px;
    }

    .ftr-cnt {
        max-width: 200px;
        margin: 0 auto;
    }
	



}






/*
=======================
For - Mobile - Screen
=======================
*/


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

	/* 
    ==================
    header-area
    ==================
    */


    .header-bottom {
        padding: 20px 0;
    }

    .hdr-serach-form input {
        font-size: 14px;
        padding-left: 35px;
    }

    .hdr-serach-form label, .hdr-serach-form button {
        font-size: 17px;
    }




    /* 
    =====================
    slider-area
    =====================
    */

    .main-slider-div > img {
        height: 500px;
        object-fit: cover;
    }

    .slider-div > h2 {
        font-size: 38px;
        top: 22px;
    }

    .main-btn-div {
        max-width: 300px;
    }

    .cuple-btn-div button {
        padding: 3px 20px 3px 22px;
        border-radius: 40px;
        width: 100%;
        text-align: start !important;
        justify-content: start !important;
        margin: 0 0 8px;
        height: 60px;
    }

    .cuple-btn-div button:last-child {
        margin-bottom: 0;
    }

    .cuple-btn-div button span {
        font-size: 13px;
    }

    .cuple-btn-div button h3 {
        font-size: 15px;
    }

    .cuple-btn-div {
        padding: 12px;
        border-radius: 35px;
    }



    /* 
    ==================
    properties-area
    ==================
    */

    .h2-text {
        font-size: 30px;
    }

    .properties-title p,
    .about-title p, 
    .mission-flex-div p, 
    .mission-flex-div li {
        font-size: 16px;
    }

    .properties-grid-area {
        grid-template-columns: repeat(1, 1fr);
    }



    /* 
    ====================
    about-us-area
    ====================
    */

    .quality-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .quality-grid-item h3 {
        font-size: 25px;
    }

    .quality-grid-item p {
        font-size: 13px;
    }



    /* 
    ==================
    mission-area
    ==================
    */

    .mission-flex {
        flex-wrap: wrap;
        margin: 40px 0 0;
    }

    .mission-flex > div {
        width: 100%;
    }

    .mission-flex > div p,
    .mission-flex > div li {
        max-width: 100% !important;
    }




    /* 
    =====================
    footer-area
    =====================
    */

    .footer-area .h2-text {
        font-size: 40px;
    }

    .footer-row {
        padding-bottom: 0;
    }

    .ftr-text {
        text-align: center;
        margin: 0 0 40px;
    }

    .footer-content p br {
        display: none;
    }

    .sm-ftr-text {
        margin: 0 0 25px;
    }

    .footer-form input, .footer-form textarea {
        padding: 10px 15px;
        font-size: 16px;
        margin: 0 0 13px;
    }

    .footer-form {
        margin: 0 0 40px;
    }

    .ftr-cnt {
        max-width: 200px;
        margin: 0 auto;
    }

}