@media(max-width: 1500px){
    
	.artrctive-logo img {
		height: 500px;
		height: 430px;
	}
	
	.artrctive-logo {
		margin-top: 0; right:0;
	}
	
	ul.nav{margin-left:0;}
	
	.main-container .logo, .main-container .head-section{margin-left: 50px;}

}
/* @media(max-width: 1500px) END */


@media(max-width: 1280px){
    
	.header .head-section {
    margin-top: 128px;
	}

	.page{ background:url("../images/black-overlay-bg-ipad.png") no-repeat right top; background-size:100% auto;}
	    
	.artrctive-logo {
	  margin-top: -42px;
	}
	    
	.artrctive-logo img {
		/* height: 480px; */
		height: 430px;
		margin-left: -40px;
	}
    
	.main-heading {
    margin-top: 0;
	}
    
  .main-container .logo{margin-left: 66px;}
    
  .main-container .head-section {
    margin-left: 120px;
	}
    
  .main-container-panelOne .container, .main-container-panel .container {
    padding: 0 160px 60px;
	}
    
  .contact-section .container {
    padding: 0 160px;
	}
    
  ul.nav {
    margin-left: 40px; bottom:-210px; 
	}
  .intro-section .title-section .rel{background: none;}
    
      .contactInfoSection ul li {
    font-size: 18px;
    line-height: 36px;
}
    
    
    /*.paragraph-section p br{display: none;}*/
    
    
}
/* @media(max-width: 1280px) END */





@media(max-width: 991px){

	.header .head-section h1 {
		font-size: 70px;
		color: #fff;
		text-transform: uppercase;
		font-family: 'Futura-heavy';
	}
	
	.header .head-section {
		margin-top: 100px;
	}
	
	.main-heading h2{font-size: 70px;}
	
	.header .head-section h1 span, .main-heading h2 span {
		font-size: 26px;
	}
	
	.artrctive-logo img {
		height: 380px;
	}
	
	.paragraph-section p {
		font-size: 24px; line-height: 32px;
	}
	
	.main-container-panelOne .container, .main-container-panel .container {
		padding: 0 80px 60px;
	}
	
	.contact-section .container {
		padding: 0 60px;
	}
	
	.footer-section ul li{font-size:20px;}
    
    .contact-panel .form {
    margin-right: 30px;
}
	
}
/* @media(max-width: 991px) END */




@media(max-width: 1100px){

.header .head-section h1 {font-size: 77px;}
.header .head-section h1 span{font-size:30px;}  
    
    .footer-section ul{flex-wrap:wrap;}
    .footer-section ul li{font-size:20px;}
    
    
    .footer-section .container{padding: 0 20px;}
    
    .footer-section ul li:nth-child(2),  .footer-section ul li:nth-child(3),  .footer-section ul li:nth-child(4){border:0;}
    
    .footer-section ul li:nth-child(3),  .footer-section ul li:nth-child(4){width:100%;}
    .footer-section ul {
    flex-wrap: wrap;
    text-align: center;
}

}




@media(max-width: 1024px){
    
.header .head-section h1 {font-size: 77px;}
.header .head-section h1 span{font-size:30px;}  
    
    ul.navigation li {
    margin: 0 40px 0 0;
}
    
}



@media(max-width: 840px){
    
   .main-container .logo {
    margin-top: 50px;
} 
    
    .header .head-section {
    margin-top: 80px;
}
    
    .header .head-section h1 {
    font-size: 60px;
}
   .header .head-section h1 span {
    font-size: 23px;
} 
    
    
    
    .artrctive-logo img {
    height: 280px;
}
    
    
     ul.navigation li{margin: 0 0 0 20px;}
    
    ul.navigation li a{font-size:13px;}
    
    ul.navigation li a span{width:20px;}
    
    .top-header .container{padding: 0 20px;}
    
    
  
    
}



@media(max-width: 767px){
	
	.header .head-section{flex-wrap:wrap;}
	.artrctive-logo img {
		height: 280px;
		margin: 0;
	}
	
	.main-container .logo {
		margin-top: 40px;
	}
	
	.header .head-section {
		margin-top: 50px; margin-left: 40px;
	}
	
	.artrctive-logo {
		margin-top: 60px;
	}
	
	ul.nav {
		margin-left: 10px; bottom: 50px;
	}
		
	ul.nav li{margin-right: 40px;}
	
	ul.nav li a{font-size:14px;}
	
	.contact-panel{flex-wrap:wrap;}
	
	.map{margin-top:60px;}
    
    .main-container .logo, .header .head-section {
    margin-left: 0; display: flex;
    justify-content: center;
}
    
    .artrctive-logo{right:-120px;}
    
    .service-section ul{flex-wrap:wrap;}
    
    .service-section ul li{width:100%; margin: 0 0 30px 0; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    
    .header .head-section h1 span, .main-heading h2 span {
    font-size: 22px;
}
    
    .main-heading{padding-left: 0;}
    
    .service-section{width:auto;}
    
    #contact-us-form, .map {
    width: 100%;
}
    
    .contact-panel .form {
    margin-right: 0;
}
    
    .page {
    background: url(../images/black-overlay-bg-ipad.png) no-repeat right top;
    background-size: 100% 90vh;
}
    
    .main-container-panelOne {
    background: url(../images/brush-bg.png) no-repeat left -80px top;
}
    
    .top-header .logo img {
    height: 30px;
}
    
    .contactInfoSection {
    width: 100%;
}
    
   
    
}



@media(max-width: 575px){
    
    .title-section{padding-left: 30px;}
    
    paragraph-section {
    font-size: 22px;
    line-break: anywhere;
    line-height: 30px;
}
    
    .main-container-panelOne .container, .main-container-panel .container {
    padding: 0 30px 30px 60px;
}
    
    .footer-section ul li{padding: 0 10px;}
    
    .contact-section h3{white-space: normal;}
    
    .contact-section .container {
    padding: 0 30px  0 60px;
}
    
    .paragraph-section {
    font-size: 20px; line-height: 32px;
}
    
    .service-section ul li{padding: 40px 0;}
    .service .icon-section {
    height: 95px;
  
}
    
    .header .head-section h1 {
    font-size: 36px;
}
    
    .header .head-section h1 span, .main-heading h2 span {
    font-size: 16px;
}
    
    .artrctive-logo img {
    height: 208px;
    margin: 0;
}
    
    .main-heading h2 {
    font-size: 58px;
}
    
    .main-heading {
    padding-top: 150px;
}
    
    .intro-section {
    margin-top: 50px;

}
    
    ul.nav li a {
    font-size: 13px;
}
    
    ul.nav li {
    margin: 0 30px 0 0;
}
    
    ul.nav {
    bottom: -30px;
    }
        
        .contact-panel {
    margin: 50px 0 0;
        }
    
    
    .top-header .logo img {
    height: 32px;
}
    
    ul.navigation li{margin-right: 0;}
    
    ul.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
    
    .top-header .container{padding: 0 20px;}
    
    .top-header{padding: 10px 0;}
    
    .page {
    background: url(../images/black-overlay-bg-ipad.png) no-repeat right top;
    background-size: 100% 600px;
}
    
    
    .contact-section input, .contact-section textarea{padding: 10px 15px;}
    
    .contactInfoSection ul {
    margin: 44px 0 0 0;
}
    
    .map {
    margin-top: 40px;
}
    
    .contactInfoSection ul li {
    font-size: 22px;
    line-height: 30px;
}
    
    
}