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

@media only screen and (min-width: 1025px) {
    .small-logo{ 
        padding:15px 0 20px 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .small-logo img{
        width: 100%;
        max-width: 230px;
    }
    .small-logo ISO{
        font-size: 12px;
        top: 70px;
    }
    .tagline{
        font-size: 20px;
    }
    .ISO a{
        top: 68px;
        right: -25px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) {
	/****Ipad Landscape 1024 Container 970 ****/

	.c-logo-part ul li{ margin:0 15px;}
	.form{ margin:0;}
	.main-nav{ display:block !important; }
	/*.portfolioContainer{ width:800px; margin:0px auto !important; } */

}

@media only screen and (min-width: 769px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	body{ font-size:13px;}
	p{ line-height:20px ;}
	.header h1{ font-size:46px;}
	.main-nav ul li a{ padding:14px;}
	.small-logo{ padding: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:18%;}
	.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 0; margin: 0px; font-size:12px}
	.small-logo{max-width: 270px;}
    .small-logo{ 
        padding:15px 0 20px 15px;
    }
    .small-logo img{
        width: 100%;
        max-width: 225px;
    }
    .small-logo .ISO{
        font-size: 12px;
    }
    .tagline{
        font-size: 22px;
    }
	/*.portfolioContainer{ width:750px; margin:0px auto !important; }
	.Portfolio-box{ height:250px;}*/



}

@media only screen and (max-width: 768px) {
	/****Mobile Landscape 480 Container 100% ****/
	body{ font-size:12px;}
	h2{ font-size:26px;}
	h3{ font-size:14px;}
	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}
	.header h1{ font-size:28px;}
	.header h4{ font-size:12px;}
	.header{ padding:60px 0;}
	.main-section{ padding:60px 0 70px;}
	.main-nav{ display:none; position:absolute; left:0; width:100%; top:41px; margin:0 auto; flote : none; background:#313234;}
	.main-nav li{ display:block; border-right: none;}
	.main-nav li.small-logo{ display:none;}
	.small-logo{max-width: 250px; padding: 15px 0 20px 15px;}
    .ISO a{
        top: 72px;
        font-size: 11px;
    }
    .ISO img{
        max-width: 15px !important;
        margin: 0 2px 3px 0;
    }

    .tagline p{
        font-size: 14px;
    }
    .small-logo img {
        width: 100%;
        max-width: 200px;
    }
	.main-nav li a{ display:block; padding:7px 32px; border-bottom:none; color: #fff; font-size: 12px;}
	.main-nav li a:hover{color:#fff}
	.team-leader-box{ width:auto; float:none; margin:0 auto;	}
	.team-leader-box:nth-of-type(3n){ margin:0 auto}
	.res-nav_click{ display:block;}
    .main-nav-outer{
        height: auto;
    }
	.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:40px 0;}
	.business-talking h2{ font-size:36px;}
	.contact-info-box{ margin:0 0 12px 30px; font-size:12px;}
	.contact-info-box span{ line-height:18px;}
	.contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
	.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{ max-width:300px;}
	/* .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; } */


}

@media only screen and (max-width: 479px) {
	/****Mobile Portrait 320 ****/
	.contact-info-box{ margin-left:0px;}
	.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 }
    .ISO a{
        top: 68px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 767px) {
	.header{
		height: 400px;
	}
	.we-create li{
		padding: 0;
	}
	.clientsSlide img{
		max-width: 100px;
	}
	#social{
		margin: 20px 0;
	}
}

@media only screen and (max-width: 767px) {
	#sticky-catalogue {
       top: 50%;
    }
    .catalogue-icon span{
        line-height: 16px;
        font-size: 12px;
    }
    .catalogue-icon i{
        font-size: 20px;
    }
    .equalHW{
        width: 100%;
        flex: none;
    }
    .eqWrap{
        display: block;
    }
    .about-img{
        display: none; 
    }
    #demo-1{
        height: 200px;
    }
    .demo-inner-content {
        margin: 45px auto;
    }
    #customers .clientsSlide img {
        max-width: 100px;
    }
    #customers ul.bxslider li{
        width: 123px !important;
    }
    .bx-wrapper .bx-controls-direction a{
        margin-top: -30px;
    }
    .mainTab a{
        font-size: 14px;
    }
}

@media (max-width: 1400px){
	
	.container {
	    width: 100%;
	}
}
@media (min-width: 1400px){
	
	.container {
	    width: 1370px;
	}
}
@media (min-width: 1600px){
	
	.container {
	    width: 1570px;
	}
}
@media (min-width: 1800px){
	
	.container {
	    width: 1770px;
	}
}
@media (min-width: 2000px){
	
	.container {
	    width: 1970px;
	}
} 
@media (min-width: 2200px){
	
	.container {
	    width: 2170px;
	}
} 
@media (min-width: 2400px){
	
	.container {
	    width: 2370px;
	}
} 
@media (min-width: 2600px){
	
	.container {
	    width: 2570px;
	}
} 

/* new header */
@media only screen and (max-width: 2560px) {
	
	.clientsSlide{
		width: 100%;
	}
	.bx-wrapper{
		max-width: 100% !important;
	}
}

@media only screen and (min-width: 992px) {
	.logoSection{
		width: 30%;
	}
	.menuSection{
		width: 70%;
	}
	
    .small-logo{
        padding: 15px 0 20px 0;
    }
    
    .tagline {
        font-size: 18px;
    }
    .top-info p{
        font-size: 13px;
    }
	
}

@media only screen and (min-width: 992px) {
	
	
	.menuSection .navbar-right{
		padding-right: 40px;
		margin: 0 !important; 
	}
}

@media only screen and (min-width: 993px) {
    .col-lg-20{
        width: 20%;
    }   
}

@media only screen and (min-width: 768px) {
    #demo-1.equalHW{
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .prod-list h3{
        font-size: 14px;
    }
    
}

@media only screen and (max-width: 992px) {
    .prod-list h3{
        height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #demo-2{
        height: 400px;
    }
    #demo-2 .demo-inner-content {
        margin: 100px auto;
        padding: 15px;
    }
    .addressBox p{
        font-size: 14px;
    }
    .prod-list h3{
        font-size: 12px;
        letter-spacing: 0.2px;
        line-height: 16px;
    }
    .aboutBg{
        padding: 60px 15px;
    }
    .service-list-col1{
        width: 50px;
    }
    .whiteBg{
        padding: 5px;
    }
    .service-list-col2 h3, .service-list-col2 .highlite {
        font-size: 14px;
        line-height: 18px;
    }
    .service-list{
        min-height: auto;
        padding: 15px;
    }
    
    .demo-inner-content h1{
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 768px) {
    .menuSection .main-nav {
        margin-top: 0;
        -moz-box-shadow: 1px 1px 1px 1px #bbb;
        -webkit-box-shadow: 1px 1px 1px 1px #bbb;
        box-shadow: 1px 1px 1px 1px #bbb;
    }
    .main-nav li{
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .main-nav li a{
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding: 15px !important;
    }
    
    .main-nav li:hover a, .main-nav li:focus a{
        color: #fff;
    }
    .main-nav li:last-child{
        border-bottom: none;
    }
    
}




@media only screen and (min-width: 768px) {
    #contact-us .container{
        max-width: 85%;
    }
    
    #specialities-page .spl-sec, #plana-page .spl-sec{
        padding: 30px;
    }
    .tp-caption.reddishbg_heavy_70.cir-style{
        border: 2px solid #ccc;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        display: table;
        vertical-align: middle;
    }
    .tp-caption.reddishbg_heavy_70.cir-style span{
        font-size: 28px !important;
        line-height: 40px !important;
        padding: 0 15px !important;
        white-space: pre-wrap;      /* CSS3 */   
       white-space: -moz-pre-wrap; /* Firefox */    
       white-space: -pre-wrap;     /* Opera <7 */   
       white-space: -o-pre-wrap;   /* Opera 7 */    
       word-wrap: break-word;
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1441px) {
    body{
        font-size: 18px;
    }
    
    /* font adjustment */
    .aboutBg p, .other-products li span, #specialities-page p, #plana-page p, .gallery .date, #contact-us p, .footer p{
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
    .main-nav li a, .main-nav li a:hover, .main-nav li a.active{
        font-size: 25px;
        line-height: 30px;
    }
    .main-nav, .main-nav-outer{
        height: 60px;
    }
    #about h2{
        font-size: 2.4vw;
        line-height: 3vw;
    }
    body {
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
    h2, #specialities-page h2{
        font-size: 2.4vw;
        line-height: 3vw;
    }
    h3, .prod-list h3, .footer h3{
        font-size: 1.3vw;
        line-height: 2vw;
    }
    h4, #contact-us h4{
        font-size: 1.5vw;
        line-height: 2.2vw;
    }
    h6, .gallery .title{
        font-size: 1.3vw;
        line-height: 2vw;
    }
    p{
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
    .album-title h1{
        font-size: 2.2vw;
    }
    .tp-caption.reddishbg_heavy_70 span{
        font-size: 1.4vw !important;
        line-height: 2.0vw !important;
        padding: 0 15px !important;
        display: inline-block;
    }
    .tp-caption.reddishbg_heavy_70.caption-sml span{
        font-size: 1vw !important;
        line-height: 1.6vw !important;
    }
    .back-btn{
        font-size: 1.1vw;
    }
    .small-logo{
        max-width: 350px;
    }
    .small-logo .ISO{
        font-size: 16px;
    }
}

@media only screen and (min-width: 769px) {
    #products{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 2000px) {
    .eqWrap {
        min-height: -o-calc(100vh - 50px); /* opera */
        min-height: -webkit-calc(100vh - 50px); /* google, safari */
        min-height: -moz-calc(100vh - 50px); /* firefox */
    }
}



@media only screen and (max-width: 1024px) {
    .service-list{
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .whiteBg{
        height: 120px;
    }
    .service-list-col1 {
        width: 75px;
    }
    .service-list-col2 h3, .service-list-col2 .highlite{
        font-size: 14px;
    }
    .service-list-col2{
        padding: 5px 0 0 15px;
    }
    .tp-caption.reddishbg_heavy_70 span {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .tp-caption.reddishbg_heavy_70.caption-sml span{
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .tp-caption ul li {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 3px 0;
    }
    
}


@media only screen and (max-width: 767px) {
    .prod-list h3{
        height: 30px;
    }
    
    .whiteBg{
        height: auto;
        padding: 5px 15px;
    }
    .service-list-col2{
        padding: 15px 0 0 15px;
    }
    .tp-caption.reddishbg_heavy_70 span {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .caption-sml{
        display: none;
    }
    .tp-caption ul li {
        font-size: 10px !important;
        line-height: 15px !important;
        padding: 0;
    }
    .demo-inner-content h1{
        font-size: 1.8em;
    }
    #specialities-page h2{
        font-size: 22px;
    }
    #specialities-page p, #plana-page p{
        font-size: 14px;
        line-height: 20px;
    }
    .spl-sec .responsive-tabs-container .accordion-link{
        padding: 10px;
    }
    #productTabs .responsive-tabs-container .tab-pane{
        padding: 15px 10px;
    }
    
}
@media only screen and (max-width: 425px) {
    .tp-caption.reddishbg_heavy_70 span {
        font-size: 10px !important;
        line-height: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .album-title h1{
        font-size: 20px;
    }
    .top-info{
        display: none;
    }
    .logoSection{
        float: none !important;
    }
    .small-logo{
        margin: auto;
    }
    .tagline{
        display: none;
    }
    
}
@media only screen and (min-width: 992px) {
    .pad-sm{
        padding: 30px 30px 0 0;
    }
}

@media only screen and (max-width: 1024px) {
    .main-nav li a{
        font-size: 14px;
        padding: 15px 10px;
    }
}
@media only screen and (max-width: 900px) {
    .main-nav li a{
        font-size: 13px;
        padding: 15px 8px;
    }
}



@media only screen and (max-width: 768px) {
    .main-nav{
        z-index: 100;
        text-align: center;
    }
    .main-nav li:hover a:after, .main-nav li.active a:after {
        position: absolute;
        content: '';
        left: 50%;
        bottom: 0;
        width: 150px;
        margin-left: -75px;
        height: 8px;
    }
    
}

@media only screen and (max-width: 1024px) {
    .container{
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .tagline{
        font-size: 16px;
        margin-left: -120px;
    }
}