/************************************************
[Responsive Stylesheet]

Project Name    : 
Team & Company  : 
Desgined By     : 
Developed By    : 
Date            : 
*************************************************/

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

/* ==================Large Display==============*/
@media (max-width: 1199px) {
    .content_block1 .image_area {
        padding-right: 40px;
    }
    .cta_section {
        background-position:  center center;
    }
    
    
}


/* ===================Tab Screen==============*/
@media (max-width: 991px) {
    
    .hero_area .hero_content h1 {
        font-size: 70px;
        line-height: 80px;
    }
    .content_block1 .block_content .txt_area h1 {
        font-size: 57px;
        line-height: 57px;
    }
    .content_block1 .block_content .txt_area p {
        font-size: 19px;
        line-height: 30px;
    }
    .about_section {
        padding: 90px 0;
    }
    .about_section .about_content h1 {
        font-size: 64px;
        line-height: 70px;
        margin: 0 auto 50px;
    }
    .about_section .about_content p {
        font-size: 18px;
        line-height: 30px;
    }
    .cta_section .cta_content {
        min-height: 270px;
    }
    
    
    .why_section {
        padding: 95px 0 40px;
    }
    .why_section h1.title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 80px;
    }
    .why_section .why_txt h2 {
        font-size: 38px;
        line-height: 40px;
        padding-bottom: 25px;
    }
    .why_section .why_txt {
        margin: 0 0 60px;
        padding: 0;
        text-align: center;
    }
    .contact_section h1.contact_title {
        font-size: 65px;
        line-height: 73px;
    }
    .contact_section {
        padding: 100px 0;
    }
    
    .footer_section .footer_menu {
        padding: 60px 0 30px;
    }
    .footer_section {
        padding: 20px 0 50px;
    }
    
    
}


/* ==================Medium Mobile Screen==============*/
@media (max-width: 767px) {
    .hero_area .hero_content {
        min-height: 400px;
    }
    .content_block1 .container-fluid {
        padding-left: 15px;
    }
    .content_block1 {
        padding: 60px 0;
    }
    .content_block1 .block_content {
        display: block;
    }
    .content_block1 .image_area,
    .content_block1 .txt_area {
        width: 100%;
    }
    .content_block1 .image_area {
        padding-right: 0px;
        margin-bottom: 30px;
    }
    
    .contact_section .row.align_row_center_left {
        display: block;
    }
    .contact_section .contact_text {
        margin-top: 40px;
    }
    .footer_section .footer_menu {
        display: block;
        padding: 60px 0 20px;
    }
    .footer_section .footer_logo {
        margin: 0 auto 30px;
    }
    .footer_section .row.pt_60 {
        padding-top: 30px;
    }
    .footer_section .quick_link {
        padding-top: 35px;
    }
    
    
}


/* ==================Small Mobile Display==============*/
@media (max-width: 479px) {
    .hero_area .hero_content h1 {
        font-size: 47px;
        line-height: 52px;
    }
    .hero_area .hero_content p {
        font-size: 18px;
        line-height: 28px;
    }
    .content_block1 .block_content .txt_area h1 {
        font-size: 40px;
        line-height: 46px;
        padding-bottom: 20px;
    }
    .about_section {
        padding: 60px 0;
    }
    .about_section .about_content h1 {
        font-size: 53px;
        line-height: 55px;
    }
    .cta_section .cta_content {
        min-height: 190px;
    }
    .why_section h1.title {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .why_section .why_txt h2 {
        font-size: 31px;
        line-height: 35px;
        padding-bottom: 20px;
    }
    .why_section .why_txt p {
        font-size: 18px;
        line-height: 32px;
    }
    .image_section .right_image,
    .image_section .left_image {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .contact_section {
        padding: 60px 0;
    }
    .contact_section h1.contact_title {
        font-size: 48px;
        line-height: 55px;
    }
    .footer_section .footer_menu ul {
        width: 100%;
        text-align: center;
    }
    .footer_section .footer_menu ul a {
        padding: 0 30px;
        margin: 0;
    }
    
    
    
}