/*** responsive ***/
@media print, screen and (max-width: 1200px) {
	header .logo{
	    width: 15%;
	}

	.title_deco{
		min-width: auto;
	}

    #aim_holder h1{
        font-size: 3vw;
    }

    /* #work_holder .works_cont{
    	width: 600px;
	    padding-bottom: 290rem;
    } */

    /* #work_holder #work_b2{
	    top: 571px;
    	left: 0;
    }

    #work_holder #work_s1{
    	left: 402px;
    }

    #work_holder #work_s2{
	    left: 402px;
    }

    #work_holder #work_s3{
	    left: 402px;
    	top: 862px;
    }

    #work_holder #work_s4{
	    top: 1222px;
    	left: 0;
    	height: 500px;
    }

    #work_holder #work_b3{
	    top: 1783px;
    	left: 0;
    }

    #work_holder #work_s5{
	    top: 1222px;
    	left: 201px;
    }

    #work_holder #work_s6{
    	top: 1533px;
        left: 402px;
    }

    #work_holder #work_s7{
	    top: 2094px;
    	left: 402px;
    }

    #work_holder #work_s8{
        top: 2334px;
    	left: 0;
    }

    #work_holder #work_s9{
        top: 2334px;
    	left: 201px;
    }

    #work_holder #work_s10{
        top: 2655px;
    	left: 402px;
    }

    #work_holder #work_s11{
        top: 2895px;
    	left: 0;
    }

    #work_holder #work_s12{
        top: 2895px;
    	left: 201px;
    }

    #work_holder #work_s13{
        top: 3216px;
    	left: 402px;
    }

    #work_holder #work_s14{
        top: 3456px;
    	left: 0;
    }

    #work_holder #work_s15{
        top: 3456px;
    	left: 201px;
    }

    #work_holder #work_s16{
        top: 3777px;
    	left: 402px;
    }

    #work_holder #work_s17{
        top: 4017px;
    	left: 0;
    }

    #work_holder #work_s18{
        top: 4017px;
    	left: 201px;
    } */

    /* #clients_holder .container{
        padding-bottom: 40%;
    } */

    #clients_holder .clients_showcase img{
        width: 9.5%;
    }

    .header .title_deco {
        display: none;
    }

    .mobile-show {
        display: block;
    }
    nav {
        top: 15px;
    }
    .sticky + nav {
        top: 10px;
    }
}

@media print, screen and (max-width: 1024px) {
    .blocker div img{
        width: 20%;
    }

    .title{
    	font-size: 1.7vw;
    }

    #people_holder .people{
    	width: 20%;
    	margin: 0 5% 3%;
    }

    #contact_holder img.photo{
        margin: 0 3%;
    }

    #contact_holder img.photo, #contact_holder .contact_details{
    	width: 45%;
    }

    .register_form{
    	width: 80%;
    }

    
}

@media (max-width: 991px) {
    #interior_holder .works_cont img {
        max-height: 300px;
    }
}

@media print, screen and (max-width: 780px) {
    .title_deco{
	    min-width: 150px;
    }

    header .logo, .title{
    	padding: 0 2%;
    }

    .section_holder .content {
        width: 90%;
    }
    .section_holder .container {
        width: 100%;
    }

    /* #work_holder .works_cont{
    	width: 400px;
    	padding-bottom: 432rem;
    } */

    /* #work_holder #work_s1{
	    top: 1222px;
    	left: 0;
    }

    #work_holder #work_s2{
    	top: 1222px;
    	left: 201px;
    }

    #work_holder #work_s3{
   	 	top: 1693px;
	    left: 0;
    }

    #work_holder #work_s4{
	    top: 1613px;
   		left: 201px;
    }

    #work_holder #work_b3{
	    top: 2364px;
    }

    #work_holder #work_s5{
	    top: 2915px;
    	left: 0;
    }

    #work_holder #work_s6{
	    top: 2915px;
    	left: 201px;
    }

    #work_holder #work_s7{
        top: 3476px;
    	left: 0;
    }

    #work_holder #work_s8{
        top: 3476px;
    	left: 201px;
    }

    #work_holder #work_s9{
        top: 4037px;
	    left: 0;
	    height: 530px;
    }

    #work_holder #work_s10{
	    top: 4037px;
    	left: 201px;
    }

    #work_holder #work_s11{
		top: 4628px;
	    left: 0;
    }

    #work_holder #work_s12{
	    top: 4598px;
	    left: 201px;
    }

    #work_holder #work_s13{
	    top: 5189px;
	    left: 0;
    }

    #work_holder #work_s14{
    	top: 5159px;
	    left: 201px;
    }

    #work_holder #work_s15{
	    top: 5750px;
    	left: 0;
    }

    #work_holder #work_s16{
	    top: 5720px;
	    left: 201px;
    }

    #work_holder #work_s17{
	    top: 6311px;
	    left: 0;
    }

    #work_holder #work_s18{
	    top: 6281px;
	    left: 201px;
    } */

    #services_holder .service{
	    width: 45%;
    }

    #services_holder .service img{
    	width: 70%;
    }

    #services_holder .service p{
    	width: 90%;
    }

    #about_holder .about, #people_holder .people{
        width: 84%;
        margin: 0 3% 5%;
    }

    #about_holder .about p{
        font-size: 13px;
    }

    #people_holder .people{
	    width: 32%;
    }

    #contact_holder img.photo, #contact_holder .contact_details{
    	width: 100%;
        margin: 0;
    }

    .register_form{
	    width: 98%;
	    margin: 10% auto 0;
    }

    #showcase_holder .item{
        width: 40%;
        margin: 2% 5% 5%;
    }

    #folder_holder .container a.folder_btn{
        width: 40%;
        margin: 2% 3% 5%;
    }

    /* #clients_holder .container{
        padding-bottom: 73%;
    } */

    #clients_holder .clients_showcase img{
        width: 14.5%;
    }

    #contact_holder {
        text-align: left;
    }
    #contact_holder > .col-sm-12 > a > img {
        max-width: 150px;
        margin-bottom: 20px;;
    }
}

@media print, screen and (max-width: 600px) {

    .more {
        padding: 10px 20px;
    }
    #cli_all { 
        margin: 50px auto;
    }
    #cli_all img {
        margin: auto;
    }
    .video img {
        height: auto;

    }
    h2{
        letter-spacing: 1px;
    }

    .blocker div img{
        width: 35%;
    }

    ._popup ._popup_content.content_text h2{
        font-size: 3.5vw;
    }

    ._popup ._popup_content.content_text p{
        width: 80%;
        font-size: 11px;
    }

    /* header{
    	margin: 2rem auto;
    } */

    nav .menu{
        top: 5px;
    }

    .main_nav img.nav_logo{
        margin: 25% 0 5%;
    }

    .main_nav span{
        margin: 10% auto;
    }

    footer{
    	font-size: 7px;
    	padding: 2rem 0 1.5rem;
    }

    .title_deco{
	    min-width: auto;
    	width: 25%;
    }

    .title{
    	font-size: 2.4vw;
    }

    .section_holder .container{
    	margin: 5% auto;
    }

    #aim_holder{
        margin: 10% auto;
    }

    #aim_holder h1{
        font-size: 3.5vw;
    }

    #aim_holder p{
        width: 80%;
        margin: 5% auto;
    }

    #work_holder .works_tile h3{
        font-size: 9px;
    }

    #work_holder .works_tile a{
        font-size: 10px;
        margin: 10px 0 5px;
    }
    #work_holder .works_tile a,
    #work_holder .works_tile p {
        min-height: 100%;
    }

    /* #work_holder .works_cont{
        width: 90%;
        margin: auto;
        padding-bottom: 0;
    } */

    #work_holder .works_tile{
        position: relative;
        /* padding: 0;
        border: none; */
    }

    #work_holder .works_tile.big, #work_holder .works_tile.small{
        padding: 0;
        width: 90%;
    }

    #work_holder #work_b1, #work_holder #work_b2, #work_holder #work_s1, #work_holder #work_s2, #work_holder #work_s3, #work_holder #work_s4, #work_holder #work_b3, #work_holder #work_s5, #work_holder #work_s6, #work_holder #work_s7, #work_holder #work_s8, #work_holder #work_s9, #work_holder #work_s10, #work_holder #work_s11, #work_holder #work_s12, #work_holder #work_s13, #work_holder #work_s14, #work_holder #work_s15, #work_holder #work_s16, #work_holder #work_s17, #work_holder #work_s18{
        top: 0;
        left: 0;
        height: auto;
        margin-bottom: 10%;
    }

    #services_holder .service{
    	width: 90%;
	    margin: 0 1% 5%;
    }

    #services_holder .service img{
        width: 50%;
    }

    #services_holder .service h5, #people_holder .people h5{
    	font-size: 12px;
    }

    #work_holder .works_tile p, #services_holder .service p, #people_holder .people p, #contact_holder .contact_details p, #portfolio_holder .desc, #aim_holder p{
    	font-size: 11px;
    }

    #about_holder .about p{
        font-size: 12px;
    }

    #about_holder .about, #people_holder .people{
        width: 91%;
    }

    #people_holder .people img{
	    width: 50%;
    }

    #contact_holder .contact_details .address p.company_name{
        font-size: 4.2vw;
    }

    #contact_holder .contact_details .address p.company_name span{
        margin-top: 0;
        font-size: 6px;
    }

    .register_form .fill_holder:nth-child(5){
    	margin-bottom: 7%;
    }

    .register_form .fill_holder input.form_input, .register_form .fill_holder textarea.form_input{
        font-size: 11px;
        line-height: 1.5;
    }

    .register_form .fill_holder #submitBtn{
        font-size: 10px;
    }

    #portfolio_holder .banner,
    #showcase_holder .banner, #folder_holder .banner{
	    margin: 0 auto 2rem;
        padding-bottom: 56.25%;
        width: 80%;
        background-size: cover;
    }

    #portfolio_holder .title{
    	width: 40%;
    }

    #portfolio_holder .title_deco{
    	width: 20%;
    }

    #portfolio_holder .desc{
    	width: 90%;
    }

    #portfolio_holder .port_nav{
	    margin: 10% auto 5%;
    }

    #portfolio_holder .port_nav a{
    	width: 15%;
    }

    #portfolio_holder .appa_logo{
        margin-top: 5%;
    }

    #portfolio_holder .appa_logo img{
        width: 40px;
    }

    #showcase_holder .item, #folder_holder .container a.folder_btn{
        width: 80%;
        margin: 5% auto 10%;
    }

    #showcase_holder .item h5, #folder_holder .container a.folder_btn h5{
        font-size: 2vw;
    }

    #folder_holder a{
        margin: -1% auto 10%;
    }

    .section_holder .container h3{
        font-size: 2.1vw;
    }

    /* #clients_holder .container{
        padding-bottom: 120%;
    } */

    #clients_holder .clients_showcase img{
        width: 19.5%;
    }

    /* Portfolio Category Page */
    .nav-tabs {
        flex-wrap: nowrap !important;
        overflow: auto ;
        justify-content: flex-start !important;
    }
    .nav-tabs .nav-link {
        font-size: 10px;
    }
}