/* Small screens */
@media only screen and (max-width: 1200px) {	

body, input[type=submit], input[type=text], input[type=password], 
    input[type=email], textarea  { font-size: 16px; line-height: 22px; }
h1 { font-size: 210px; line-height: 160px; }
h2 { font-size: 60px; line-height: 70px; }
h3 { font-size: 30px; line-height: 34px; }
h4 { font-size: 15px; line-height: 28px; }
    
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h1 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 8px; }
    
#page-content { min-width: 960px; }
.wrapper {
	width: 100%;
    padding-left: 40px;
    padding-right: 40px;
	}
.wrapper-small { width: 780px; }
.wrapper-mini { width: 400px; }
	#page-body.smallpadding { padding-top: 40px; }

.one-half  { width: calc(50% - 25px); }
.one-third {width: calc(33.333333333333333% - 34px); }
.two-third { width: 70%; }
.one-fourth { width: calc(25% - 38px); }
.two-fourth { width: 450px; }
.three-fourth { width: 605px; }
.one-fifth { width: 144px; }
.two-fifth { width: 348px; }
.three-fifth { width: 552px; }
.four-fifth { width: 756px; }
}


/* Tablets*/
@media only screen and (max-width: 1024px) {

body, input[type=submit], input[type=text], input[type=password], 
    input[type=email], textarea { font-size: 16px; line-height: 22px; }
h1 { font-size: 196px; line-height: 148px; }
h2 { font-size: 54px; line-height: 60px; }
h3 { font-size: 28px; line-height: 35px; }
h4 { font-size: 14px; line-height: 28px; }
    
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h1 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 8px; }
    
#page-content { min-width: 780px; }
.wrapper { width: 100%; }
.wrapper-small { width: 780px; }
.wrapper-mini { width: 400px; }

.one-half  { width: calc(50% - 25px); }
.one-third {width: calc(33.333333333333333% - 34px); }
.two-third { width: 80%;  }
.one-fourth { width: calc(50% - 25px); }
.two-fourth { width: 360px; }
.three-fourth { width: 570px; }
.one-fifth { width: 108px; }
.two-fifth { width: 276px; }
.three-fifth { width: 444px; }
.four-fifth { width: 612px; }

/* spacings */
#hero .page-title { padding-top: 0px !important;	padding-bottom: 100px; }
.masonry { width: calc(100% + 100px); }
.masonry .masonry-item { margin-right: 100px; }
.horizontal-section .horizontal-inner { padding: 100px 0; }
.spacer.spacer-tiny { height: 10px; }
.spacer.spacer-mini { height: 20px; }
.spacer.spacer-small { height: 40px; }
.spacer.spacer-normal { height: 70px; }
.spacer.spacer-medium { height: 100px; }
.spacer.spacer-big { height: 140px; }

}


/* Smartphones*/
@media only screen and (max-width: 781px) {
	
#page-content { min-width: calc(100% - 80px); }	
.wrapper { width: 100% }
.wrapper-small { width: calc(100% - 80px); }

body, input[type=submit], input[type=text], input[type=password], 
    input[type=email], textarea  { font-size: 14px; line-height: 19px; }
h1 { font-size: 176px; line-height: 132px; }
h2 { font-size: 48px; line-height: 54px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 14px; line-height: 28px; }

.column-section { margin-top: 60px; }
.column { margin-right: 0; width: 100% !important; margin-top: 40px;  }
div .column:first-child { margin-top: 0;  }
    
/* spacings */
.spacer.spacer-tiny { height: 10px; }
.spacer.spacer-mini { height: 20px; }
.spacer.spacer-small { height: 40px; }
.spacer.spacer-normal { height: 60px; }
.spacer.spacer-medium { height: 80px; }
.spacer.spacer-big { height: 100px; }
#page-body { padding-top: 90px; }
    .form-submit{margin-top:30px !important}

}


@media only screen and (max-width: 500px) {
	
.wrapper { width: 100%;
    padding-left: 20px;
    padding-right: 20px;}
.wrapper-small { width: calc(100% - 40px); }
.wrapper-mini { width: calc(100% - 40px); }


body, input[type=submit], input[type=text], input[type=password], 
    input[type=email], textarea  { font-size: 14px; line-height: 19px; }
h1 { font-size: 156px; line-height: 122px; }
h2 { font-size: 40px; line-height: 44px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 14px; line-height: 28px; }

}