/*==============================================================================

 * Template Name: Niz - Creative Personal Portfolio
 * Template URI: 
 * Author: ixtheme - (https://themeforest.net/user/ixtheme)
 * Description: Personal Portfolio Template
 * Version: 1.0
 * Copyright 2018 ixtheme

 ==============================================================================*/

/* Extra large devices (large desktops, 1200px and up) */

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

@media (max-width: 1199px) {
    .container {
        max-width: 100%;
    }
    .service_single_item p {
        height: 115px;
        overflow: hidden;
    }
}

/* Large devices (desktops, 991px and down) */

@media (max-width: 991px) {
    .works .row > .col-lg-10,
    .services .row > .col-lg-10 {
        padding: 0 65px;
    }
    .work_wrapper,
    .contact_wrapper {
        padding: 100px 50px;
    }
    .about {
        padding: 0 50px;
    }
    .contact_item {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 30px;
    }
}

/* Medium devices (tablets, 768px and down) */

@media (max-width: 767px) {
    .about {
        padding: 0 50px;
    }
    .about_img {
        margin-top: 0;
    }
    .about_info h4 {
        margin-left: 0;
        margin-top: 50px;
    }
    .service_single_item p {
        height: auto;
    }
    .counter,
    .testimonials,
    .work_wrapper {
        padding: 100px 50px;
    }
    .counter .row .col-lg-10 .row .col-sm-6:nth-child(1), 
    .counter .row .col-lg-10 .row .col-sm-6:nth-child(2) {
        margin-bottom: 60px;
    }
}

/* Small devices (mobile, 575px and down) */
@media (max-width: 575px) {
    .wrapper_pad {
        padding: 0;
    }
    .main_wrapper {
        border-top: 0;
        border-left: 0;
    }
    .menu {
        left: 0;
        top: 0;
        width: calc(100% - 0px);
        height: calc(100% - 0px);
    }
    .about_info h4 {
        /*font-size: 25px;*/
    }
    .about_info p.about_desc {
        /*font-size: 16px;*/
    }
    .about_info p.about_desc span {
        font-size: 17px;
    }
    .landing_content h1 {
        font-size: 42px;
    }
}

/* extraSmall devices ( 400px and down) */
@media (max-width: 400px) {
    .about_wrapper {
        padding: 60px 0;
    }
    .work_wrapper,
    .contact_wrapper {
        padding: 60px 15px;
    }
    .about {
        padding: 0 15px;
    }
    .counter,
    .testimonials {
        padding: 100px 15px;
    }
    .services .row > .col-lg-10 {
        padding: 0 30px;
    }
    .landing_content h1 {
        font-size: 32px;
    }
    .landing_content h4 {
        font-size: 21px;
    }
    .section_title {
        font-size: 25px;
    }
}