/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
	
#page-content { min-width: 940px; }
.wrapper { width: 940px; }
.main-content { width: 640px; }
aside {	width: 240px; }

.blog-content { width: 550px; }
#blog-grid .masonry-item { width: 286px; }

.one-half  { width: 450px; }
.one-third { width: 286px; }
.two-third { width: 612px; }
.one-fourth { width: 205px; }
.two-fourth { width: 450px; }
.three-fourth { width: 695px; }
.one-fifth { width: 156px; }
.two-fifth { width: 356px; }
.three-fifth { width: 554px; }
.four-fifth { width: 752px; }

.main-content .one-half  { width: 300px; }
.main-content .one-third { width: 186px; }
.main-content .two-third { width: 412px; }
.main-content .one-fourth { width: 130px; }
.main-content .two-fourth { width: 300px; }
.main-content .three-fourth { width: 470px; }
.main-content .one-fifth { width: 98px; }
.main-content .two-fifth { width: 236px; }
.main-content .three-fifth { width: 334px; }
.main-content .four-fifth { width: 472px; }

.one-half .iconbox-content { width: 400px; }
.one-third .iconbox-content { width: 236px; }
.one-fourth .iconbox-content { width: 155px; }


}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {	

h1 { font-size: 80px; line-height: 100px; }
h2 { font-size: 36px; line-height: 54px; }
h3 { font-size: 28px; line-height: 42px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

#page-content { min-width: 740px; }
.wrapper { width: 740px; }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 100px; }

header { height: 60px; max-width: 100%; z-index: 10000; }
#logo { width: 180px; height: 180px; max-width: 350px; z-index: 20000; position: fixed; }
nav#main-nav > ul > li > a:first-child { line-height: 60px; padding: 10px 0; }
nav#menu-controls > ul > li { height: 60px; padding: 10px 0; }	
nav#main-nav > ul > li > .sub-menu { top: 80px; }

nav#main-nav { display: none; }
.open-responsive-nav { display:block; }

#portfolio-single aside { margin-top: 0px; }

.blog-content { width: 650px; }
#blog-grid .masonry-item { width: 220px; }

.one-half  { width: 350px; }
.one-third { width: 220px; }
.two-third { width: 480px; }
.one-fourth { width: 155px; }
.two-fourth { width: 350px; }
.three-fourth { width: 545px; }
.one-fifth { width: 116px; }
.two-fifth { width: 272px; }
.three-fifth { width: 428px; }
.four-fifth { width: 584px; }

.one-half .iconbox-content { width: 300px; }
.one-third .iconbox-content { width: 170px; }
.one-fourth .iconbox-content { width: 105px; }

.pricing-table { padding: 15px; }
.pricing-accent { padding: 35px 15px; }
.one-fourth .pricing-table {	padding-left: 5px;	padding-right: 5px; }
.price-amount { font-size: 60px; line-height: 60px; }
.one-fourth .price-amount { font-size: 40px; line-height: 40px; }

.s-d{display:none}.s-m{display:block}

}



/* Smartphones*/
@media only screen and (max-width: 760px) {

h1 { font-size: 64px; line-height: 74px; }
h2 { font-size: 32px; line-height: 44px; }
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

header { height: 60px; max-width: 100%; z-index: 10000; }
#logo { width: 120px; height: 120px; max-width: 350px; z-index: 20000; position: fixed; }

#page-content { min-width: 300px; }
.wrapper { width: 300px; }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

#portfolio-single aside { border:none; padding-top:0; }

.blog-date { width: 50px; }
.blog-date .date-day { font-size: 40px; line-height: 30px;}
.blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
.blog-content { width: 240px; float: right; }
#blog-grid .masonry-item { width: 300px; }

.column { margin: 60px 0 0 0; }
div .column:first-child { margin: 0; }
.one-half  { width: 100%; }
.one-third { width: 100%; }
.two-third { width: 100%; }
.one-fourth { width: 100%; }
.two-fourth { width: 100%; }
.three-fourth { width: 100%; }
.one-fifth { width: 100%; }
.two-fifth { width: 100%; }
.three-fifth { width: 100%; }
.four-fifth { width: 100%; }

.one-half .iconbox-content { width: 250px; }
.one-third .iconbox-content { width: 250px; }
.one-fourth .iconbox-content { width: 250px; }

.pricing-table { padding: 30px !important; }
.pricing-accent { padding: 50px 30px !important; }
.price-amount { font-size: 80px !important;; line-height: 80px !important;; }

/* Spacings */
.section-title { margin-top: -7px; margin-bottom: 60px; }
.section-inner { padding-top: 60px; }
.horizontalsection .horizontalinner { padding: 60px 0; }
#portfolio-single {  padding-top: 60px; }
.ajax-section #portfolio-single {  padding-bottom: 60px; }
#portfolio-single .portfolio-media { margin-top: 40px; }
#portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
.ajax-section { padding-bottom: 60px; }
#ajax-loader .loader-icon { top: 20px!important; }
.close-project { bottom: 70px; }
#blog-grid { margin-bottom: 20px; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }



.FB a {
font-family: Arial, Genava; font-size:14px; color:#d9d2c9; text-decoration:none; border: none; font-weight:normal;
background: #3a2827 url(../images/facebook_icon_W.png) no-repeat top right;
background-position: bottom right; 
margin: 0 auto;
position: relative;
height: 50px;
padding: 0px 62px 0px 12px;
list-style: none;
line-height: 50px;
text-align:center;
float: left;
display: block;
}

.FB a:hover {
font-family: Arial, Genava; font-size:14px; color:#3a2827; text-decoration:none; border: none; font-weight:normal;
background: #d9d2c9 url(../images/facebook_icon_O.png) no-repeat top right;
background-position: bottom right; 
margin: 0 auto;
position: relative;
height: 50px;
padding: 0px 62px 0px 12px;
list-style: none;
line-height: 50px;
text-align:center;
float: left;
display: block;
}

.shareFB {
FONT-SIZE: 11pt; FONT-FAMILY: Arial, Geneva; COLOR: #d9d2c9; TEXT-DECORATION: none; font-weight:normal;
background: #d9d2c9 url(../images/share-facebook_icon_W.png) no-repeat top left;
background-position: bottom right;
margin-top: -50px;
margin-left: 230px;
position: relative;
width: 50px;
height: 50px;
cursor:pointer;
list-style: none;
float:left;
display: block;
line-height: 50px;
text-align:center;
}

.shareFB:hover {
FONT-SIZE: 11pt; FONT-FAMILY: Arial, Geneva; COLOR: #0958cd; TEXT-DECORATION: none; font-weight:normal;
background: #3a2827 url(../images/share-facebook_icon_O.png) no-repeat top left;
background-position: bottom right;
margin-top: -50px;
margin-left: 230px;
position: relative;
width: 50px;
height: 50px;
cursor:pointer;
list-style: none;
float:left;
display: block;
line-height: 50px;
text-align:center;

-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}

.s-d{display:none}.s-m{display:block}
}