/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

@media only screen 
and (min-width : 1200px) {
    .container {
        max-width: 1200px;
    } 	

}

@media only screen 
and (min-width : 1400px) {
    .container {
        max-width: 1300px;
    } 

}

@media only screen 
and (min-width : 1600px) {
    .container {
        max-width: 1360px;
    } 

}

/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
	
    .contact-3-info-item {
        flex: 0 0 30%;
    }

header#masthead {
    position: static;
}

.slide-home-content {
    top: 20%;
}

.slide-home-content>h1 {
    font-size: 65px;
}

.slide-home-content>h2 {
    font-size: 45px;
}

.slide-home-content>p {
    font-size: 16px;
}

.slide-home-content>a {
    font-size: 13px;
}

.about-us-wrapper {
    flex-direction: column;
}

.about-us-content {
    margin-top: 3rem;
    border-radius: 12px;
}

.services-box {
    padding: 0;
    grid-template-columns: 1fr 1fr;
}

.service-item.item-first>img {
    aspect-ratio: 2 / 1.6;
}

section.services-home {
    padding-bottom: 10rem;
}

.banner-home-item h3 {
    font-size: 6rem;
    margin-bottom: -5px;
}

.banner-home-item p {
    font-size: 16px;
}

.question-according {
    max-width: 100%;
    margin-bottom: 3rem;
}

section.question {
    padding-bottom: 17rem;
}

.newsletter-inner {
    max-width: 90%;
}

.footer-wrapper {
    flex-wrap: wrap;
}

.footer-block.footer-logo {
    flex: 0 0 100%;
    margin-bottom: 30px;
}

.footer-wrapper>.footer-block:nth-of-type(2), .footer-wrapper>.footer-block:nth-of-type(3) {
    flex: 0 0 50%;
}

.footer-wrapper>.footer-block:nth-of-type(4) {
    flex: 0 0 100%;
    margin-top: 3rem;
}

section.bg-breadcrumb {
    padding-bottom: 100px;
    padding-top: 100px;
}

.wrapper-header-page {
    margin-top: 0;
}

h2.header-page-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
}

.block-about-01_image {
    padding: 0;
    margin-top: 3rem;
}

.block-about-01_content__text {
    padding: 30px 30px;
}

.block-misson-vision_content {
    padding: 0;
}

.block-whychoose-box {
    gap: 15px;
}

.whychoose-item-content {
    width: 90%;
    bottom: 15px;
    padding: 5px;
}

.whychoose-item-content>h3 {
    font-size: 15px;
}

.whychoose-item-content>span {
    left: -8px;
    top: -22px;
}

.whychoose-item-content>span>img {
    width: 40px;
}

.service-about-content {
    padding: 0;
    margin-bottom: 3rem;
}

section.service-about {
    padding-top: 0;
}

.page-project-box {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.diagram-organization-header {
    max-width: 75%;
}

.organization-item {
    width: 200px;
    margin: 0 15px;
}

.diagram-organization-row {
    margin-bottom: 30px;
}

.block-top-feature-thumb>a>img {
    aspect-ratio: 2/1.4;
}

.block-top-feature-thumb, .block-top-feature-content {
    padding: 0;
}

.contact-info-form {
    padding: 0;
}

.contact-info-text {
    padding: 0;
    margin-top: 3rem;
}


}		
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

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

    main#main-page {
        overflow-x: hidden;
    }

    .page-template.page-profile {
        padding-top: 5rem;
        padding-bottom: 15rem;
    }

    body {
        font-size: 1.4rem;
    }

    h2.header-page-title {
        font-size: 23px;
        line-height: 23px;
    }

    section.bg-breadcrumb {
        padding: 50px 0;
    }

    .wrapper-header-page {
        margin-top: 0;
    }

    .contact-3-info {
        flex-wrap: wrap;
    }

    .contact-3-info-item {
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .form-contact-3-row-top {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .form-contact-3-row-top>div {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    header#masthead {
        position: static;
    }

    .slide-home-content>h1 {
        font-size: 40px;
        margin-bottom: -5px;
    }

    .slide-home-content>h2 {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .slide-home-content {
        top: 20px;
    }

    .slide-home-content>p {
        font-size: 13px;
    }

    .slide-home-content>a {
        margin-top: 0;
        padding: 4px 10px;
        font-size: 12px;
        padding-bottom: 7px;
    }

    .about-us-wrapper {
        flex-direction: column;
    }

    .about-us-content {
        padding: 20px;
        margin-left: 0;
        margin-top: 30px;
        border-radius: 8px;
    }

    section.about-us {
        padding-top: 5rem;
    }

    section.services-home {
        padding-top: 5rem;
        padding-bottom: 8rem;
    }

    .service-header {
        max-width: 100%;
    }

    h2.title-services {
        font-size: 2.2rem;
    }

    .service-header>p, .service-item p {
        font-size: 14px;
    }

    h2.title-about-us, h2.title-about-us span {
        font-size: 2.3rem;
    }

    .services-box {
        padding: 0;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .service-item-first-content>h3 {
        font-size: 18px;
    }

    .service-item>span {
        font-size: 6rem;
    }

    .service-item-title h3 {
        font-size: 16px;
    }

    .banner-home-box {
        grid-template-columns: 1fr;
    }

    section.banner-home {
        padding: 5rem 0;
    }

    .banner-home-item h3 {
        font-size: 6rem;
        margin-bottom: 0;
    }

    .banner-home-item {
        margin-bottom: 25px;
    }

    .banner-home-item p {
        font-size: 18px;
    }

    h2.title-home>span {
        font-size: 22px;
    }

    .brand-box {
        padding: 15px;
        grid-template-columns: 1fr 1fr;
    }

    div#owl-blogs .owl-dots {
        bottom: -40px;
    }

    .question-according>h2 {
        font-size: 18px;
    }

    .question-according {
        max-width: 100%;
    }

    section.question {
        padding-bottom: 18rem;
    }

    .newsletter-inner {
        max-width: 100%;
        padding: 2rem;
        margin-bottom: 20px;
        text-align: center;
    }

    .newsletter-inner>h3 {
        font-size: 24px;
    }

    .newsletter-inner>h4 {
        font-size: 18px;
    }

    section.footer-area {
        padding-top: 5rem;
    }

    .footer-wrapper {
        flex-direction: column;
        padding: 2rem;
    }

    .footer-block.footer-menu {
        margin-bottom: 2rem;
    }

    .footer-block.footer-logo {
        margin-bottom: 3rem;
    }

    .copyright-inner {
        flex-direction: column;
        font-size: 13px;
    }

    section.block-about-01 {
        padding: 5rem 0;
    }

    .block-about-01_image {
        padding-left: 0;
        margin-top: 2rem;
    }

    .block-about-01_content>span, h2.title-brand-about>span {
        font-size: 20px;
    }

    .block-about-01_content>h2 {
        font-size: 20px;
    }

    .block-about-01_content__text {
        font-size: 14px;
    }

    h2.title-mission-vision {
        font-size: 20px;
        margin-bottom: 0;
    }

    .block-misson-vision_content {
        gap: 15px;
        padding: 0;
        grid-template-columns: 1fr;
    }

    .block-misson-vision_content>div {
        min-height: 25rem;
    }

    .block-whychoose-box {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    section.block-whychoose {
        padding: 5rem 0;
    }

    .block-whychoose-header {
        margin-bottom: 4rem;
    }

    .block-whychoose-header>h2 {
        font-size: 23px;
    }

    .block-whychoose-header>p {
        font-size: 14px;
    }

    .whychoose-item-content>h3 {
        font-size: 16px;
    }

    section.service-about {
        padding: 5rem 0;
    }

    .service-about-content {
        padding: 0;
        margin-bottom: 3rem;
    }

    .form-reg-km {
        max-width: 100%;
    }

    .form-reg-km>p>span input.wpcf7-text {
        width: 100%;
    }

    .page-template.page-profile {
        padding-top: 5rem;
        padding-bottom: 15rem;
    }

    section.diagram-organization {
        padding: 5rem 0;
    }

    .diagram-organization-header {
        max-width: 100%;
    }

    .diagram-organization-header>h2 {
        font-size: 23px;
    }

    .diagram-organization-header>p {
        font-size: 14px;
    }

    .diagram-organization-title>span {
        font-size: 16px;
    }

    .organization-item {
        width: 120px;
        margin: 0 10px;
    }

    .organization-item-content>h4 {
        font-size: 12px;
        text-align: center;
        margin-bottom: 0;
    }

    .organization-item-content {
        width: 100%;
        bottom: 0;
        border-radius: 0;
        min-height: 55px;
    }

    .organization-item-content>p {
        font-size: 11px;
    }

    .page-project-header h2 {
        font-size: 23px;
    }

    .page-project-box {
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .page-template.page-project {
        padding-top: 5rem;
        padding-bottom: 15rem;
    }

.wrapper-header-page>h3 {
    font-size: 20px;
}

.single-service-gallery {
    margin: 5rem 0;
}

.wrapper-single.single-service {
    padding-bottom: 15rem;
}

.page-contact {
    padding-top: 5rem;
}

.contact-info-form>h3 {
    font-size: 22px;
}

.contact-info-form>p {
    font-size: 14px;
}

.contact-info-form {
    padding-right: 0;
}

.haft-form p {
    flex-direction: column;
}

.contact-info-form form .haft-form span:nth-of-type(1) input.wpcf7-text {
    margin-bottom: 0;
}

.contact-info-form form input.btn-send {
    width: 100%;
}

.contact-info-text {
    margin-top: 0rem;
    padding-left: 0;
}

.contact-maps {
    margin-top: 0;
}

h1.v-title-single-post {
    font-size: 23px;
}


}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {
	


}

/*=============== END MOBILE < 320px====================*/