/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1380px) {
	
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
	.portfolioContainer { margin:0px auto;}
	#work_outer{ background-size:450px; padding:40px 0px; background-position:right 230px; }
	.top_cont_inner{ background-size:400px;}
	
	.top_cont_latest{ background-size:500px;}
}
   
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	/****Ipad Portrait 768 Container 750 ****/
	body{ font-size:13px;}
	p{ line-height:20px ;}
    
    .top_cont_inner {
        background-size: 90% auto;
        -webkit-background-size: 90% auto;
    }

    .client_area {
   
    width: 960px;
    margin: 595px auto;
}
    .top_cont_latest {
        background-size: 90% auto;
        -webkit-background-size: 90% auto;
    }

    .top_left_cont {
        padding: 10% 0;
    }

        .top_left_cont h2 {
            font-size: 29px;
            margin-top: 0px;
        }

	.header h1{ font-size:46px;}
	.main-nav ul li a{ padding:14px;}
	.small-logo{ padding:0 20px;}
	h2{ font-size:30px}
	h6{ font-size:16px;}
	h3{ font-size:15px;}
	.service-list{ margin-bottom:20px; font-size:15px;}
	.featured-work p.padding-b{ padding-bottom:15px;}
	.main-section{ padding:70px 0;}
	.c-logo-part ul li{ margin:0 1%; float:left; width:100%;}
	.c-logo-part ul li a{ display:block;}
	.c-logo-part ul li a img{ display:block;}
	.form{ margin:0;}
	.contact-info-box{ margin:0 ;}
	.social-link{ margin:0;}
	
	.main-nav{ display:block !important; }
	.main-nav li a{ padding:8px 15px;}
	.top_cont_inner{ background-size:327px;}
	
	.top_cont_latest{ background-size:327px;}
	.top_left_cont { padding:30px 0;}
	.top_left_cont h2{ font-size:24px;}
	.service_block{ margin:0 0 35px 0;}
	#service{ padding:40px 0px;}
   
	.service_area{ padding:40px 0px;}
	#work_outer{ background-size:350px; padding:40px 0px; background-position:right 130px; }
	.work_section{ padding:40px 0px;}
	#client_outer{ padding:45px 0px;}
	.quote_section{ width:495px; margin: 6px 0 0 30px;}
	.client_area{ width:700px;}
	.client_profile_pic{ width:150px; height:150px;}
	.quote_section.flt{ margin:6px 0 0 0;}
    div.img {
    display: block;
    margin: 5px;
    /* margin-left: 35px; */
    float: left;
    width: 222px;
}
}

@media only screen and (max-width: 800px) {
    /****Mobile Landscape 480 Container 100% ****/
    .client_profile_pic {
        float: none;
        width: 150px;
        height: 150px;
        margin: 0px auto;
    }
    .top_left_cont p {
            font-size: 16px;
            color: #1D1C1C;
            line-height: 26px;
            display: block;
            font-family: 'Lato';
            text-align: justify;
        }

    #client_outer {
        padding: 25px 0px;
    }

    .client_profile.flt {
        float: none;
    }

    .c-logo-part ul li {
        margin: 0 6px;
    }

    .c-logo-part ul a {
        width: 100px;
    }

    .logo p {
        width: 365px;
    }

    .client_profile {
        float: none;
        margin: 0 0 20px 0;
    }

    .client_area {
        width: 100%;
        margin-top: 0px;
    }

    .client_section {
        margin-top: 0px;
    }

    .c-logo-part {
        margin-top: -248px;
        width: 100%;
    }

    .quote_section {
        width: auto;
        float: none;
        margin-bottom: -659px;
    }

    .service_area {
        padding: 25px 0px;
    }

    .service_block {
        margin: 0 0 20px 0;
    }

    #service {
        padding: 20px 0px;
    }

    .work_section {
        padding: 25px 0px;
    }

    #work_outer {
        background: none;
        padding: 25px 0px;
    }

    .top_cont_inner {
        background-size: 90% auto;
        -webkit-background-size: 90% auto;
    }

    .top_cont_latest {
        background-size: 90% auto;
        -webkit-background-size: 90% auto;
    }

    .top_left_cont {
        padding: 10% 0;
    }

        .top_left_cont h2 {
            
            margin-top: 0px;
        }

    body {
        font-size: 12px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 14px;
        margin-top: 26px;
    }

    h6 {
        font-size: 16px;
        margin-bottom: 40px;
    }

    p {
        line-height: 18px;
    }

    .service-list {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .we-create li {
        font-size: 13px;
        padding: 0 0 0 8px;
    }
    div.img {
    display: block;
    margin: 5px;
    /* margin-left: 35px; */
    float: left;
    width: 222px;
}
    .header h1 {
        font-size: 28px;
    }

    .header {
        padding: 60px 0;
    }


    .header_outer
    {
    height: 186px;
    z-index: 1000;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    width: 1007px;
    left: 0px;
}

    .main-section {
        /*padding: 800px 0 70px;*/
        display: inline-block;
        margin-top: 46px;
    }

    .main-nav {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 74px;
        margin: 0 auto;
        flote: none;
        background: #fff;
    }

        .main-nav li {
            display: block;
        }

            .main-nav li.small-logo {
                display: none;
            }

            .main-nav li a {
                display: block;
                padding: 7px 32px;
                border-bottom: none;
            }

                .main-nav li a:hover {
                    color: #7cc576;
                }

    .team-leader-box {
        max-width: 307px;
        width: auto;
        float: none;
        margin: 0 auto;
    }

        .team-leader-box:nth-of-type(3n) {
            margin: 0 auto;
        }

    .team-leader-box1 {
        max-width: 307px;
        width: auto;
        float: none;
        margin: 0 auto;
    }

        .team-leader-box1:nth-of-type(3n) {
            margin: 0 auto;
        }

    .team-leader-box2 {
        max-width: 307px;
        width: auto;
        float: none;
        margin: 0 auto;
    }

        .team-leader-box2:nth-of-type(3n) {
            margin: 0 auto;
        }

    .team-leader-box3 {
        max-width: 307px;
        width: auto;
        float: none;
        margin: 0 auto;
    }

        .team-leader-box3:nth-of-type(3n) {
            margin: 0 auto;
        }

    .res-nav_click {
        display: block;
    }

    .featured-work {
        font-size: 12px;
        margin-top: 30px;
    }

    .featured-box {
        font-size: 12px;
    }

        .featured-box p {
            line-height: 18px;
        }

    .c-logo-part ul a {
        margin-bottom: 5px;
    }

    .main-section.team {
        padding: 60px 0 50px;
    }

    .business-talking h2 {
        font-size: 36px;
    }

    .contact-info-box {
        margin: 0 0 12px 30px;
        font-size: 12px;
    }

        .contact-info-box span {
            line-height: 18px;
        }

    .social-link {
        margin-left: 30px;
    }

    .form {
        margin: 0 30px;
    }

    .copyright {
        font-size: 12px;
    }

    .business-talking a {
        padding: 10px 25px;
        font-size: 14px;
    }

    .main-section.contact {
        padding: 60px 0 70px;
    }

    .client-part-haead {
        font-size: 20px;
        line-height: 30px;
    }

    .link {
        font-size: 14px;
        padding: 10px 25px;
    }

    .logo {
        width: 100px;
    }

    .main-section.contact {
        background-size: contain;
    }

    .Portfolio-nav li a {
        padding: 5px 16px;
    }

    .Portfolio-nav li {
        display: block;
    }
    /*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
	.isotope-item{ width:300px; margin:0px auto;}
	.isotope{ width:400px; margin:0px auto;}
	.Portfolio-box{}
	.portfolioContainer{ width:350px; margin:0px auto !important; } */

    .portfolioContainer {
        max-width: 350px;
        margin: 0px auto;
    }

    .logo {
        margin: 0px auto 10px;
        float: none;
    }

    .nav {
        float: none;
        position: absolute;
        width: 100%;
        top: 73px;
    }

    toggle.ul {
        background: #fff;
        width: 100%;
    }

    .nav ul li {
        border-bottom: 1px solid #CCC;
        display: block;
        float: none;
        width: 100%;
        margin: 0px;
        text-align: center;
    }

        .nav ul li a {
            padding: 6px 0px;
        }

    .res-nav_click {
        bottom: -42px;
        display: block;
        font-size: 25px;
        left: 48%;
        position: absolute;
    }

        .res-nav_click a {
            text-decoration: none;
        }

            .res-nav_click a:hover {
                text-decoration: none;
                color: #060;
            }

    .nav ul {
        background: #fff;
        display: none;
    }

        .nav ul.toggle {
            display: none;
            visibility: visible;
            height: auto;
            margin-top: 50px;
            overflow: auto;
        }

    .work_pic {
        position: relative;
        right: 0;
        top: auto;
        width: 90%;
        margin-left: 10%;
    }



    @media only screen and (max-width: 479px) {
        /****Mobile Portrait 320 ****/
        #filters ul li {
            display: block;
        }

        .contact-info-box {
            margin-left: 0px;
        }

        .header {
            padding: 40px;
        }

        .social-link {
            margin-left: 0px;
        }

        .form {
            margin: 0;
        }

        .c-logo-part ul li {
            display: block;
        }

        .Portfolio-box {
            max-width: 300px !important;
            width: 96.4% !important;
            margin: 0 !important;
        }

            .Portfolio-box img {
                max-width: 100%;
            }

        .portfolioContainer {
            width: 280px !important;
            margin: 0 auto !important;
        }

        .top_left_cont h2 {
            font-size: 20px;
            margin-top: 0px;
        }

        .client_area {
            width: 276px;
        }

        .quote_section p {
            font-size: 15px;
        }

        .c-logo-part {
            padding: 18px 0px;
        }

            .c-logo-part ul li {
                margin: 6px 0px;
                display: block;
            }

        .top_left_cont p {
            font-size: 16px;
            color: #1D1C1C;
            line-height: 26px;
            display: block;
            font-family: 'Lato';
            text-align: justify;
        }
    }
}