/* 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; }

.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; }

.product {
	width: 33.3%;
}

}

/* 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 #logo { padding: 10px 0; height: 40px; max-width: 350px; }
nav#main-nav > ul > li > a:first-child { line-height: 40px; padding: 10px 0; }
nav#menu-controls > ul > li { height: 40px; padding: 10px 0; }	
nav#main-nav > ul > li > .sub-menu { top: 60px; }

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

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

.blog-content { width: 650px; }

.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; }

/*#xyz, #xyzs{
	margin:-12px;
}*/

}

/* Changes*/
@media only screen and (max-width: 980px) {
	.main_content h1, .sr-animation h1 {
	    font-size: 77px;
	}

	.main_content li{
		font-size: 20px;
	}

	form#subscribe-mail input.subscribe-btn {
	  padding: 10px 6px;
	}

	.three-section div.one-third:nth-child(2){
		width: 300px;
	}

	.three-section > .one-third {
	    width: 173px;
	}

	.colum-box {
	    margin-bottom: 33px;
	}

	#faq h3 {
		background-position: 98.5% 14px;
	}

	#faq h3.open {
		background-position: 98.5% -36px;
	}
}
/* Changes*/

@media only screen and (max-width: 900px) {
	.google-glass {
	    margin: 0px auto;
	    max-width: none;
	    width: auto;
	}

	.google-glass > div {
	    width: 49.3%;
	}
	.product-buttons {
	  padding: 0px 17px;
	}

	/*.back img {
		top: 39%;
	}*/
}




@media only screen and (max-width: 768px) {
	.col-xs-7 {
    width: 100%;
    float: none;	
	}

	.col-xs-5 {
	    width: 100%;
	    float: none;
	}

	.left a.left-icon{
		display: none;
	}

	.subs .text {
	    margin: 0 auto;
	    text-align: center;
	}

	.subscribe .right {
	    text-align: center;
	    top: 25px;
	}

	form#subscribe-mail input.subscribe-btn {
	    display: inline-block;
	    padding: 10px 23px;
	}

	#legal .disclaimer, #legal .right-column {
		width: 100%;
		display: block;
		float: none;
	}
}



/* 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; }

#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; }

.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; }


/* 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; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }

.main_content h1, .sr-animation h1 {
  font-size: 65px;
}

.main_content li {
  font-size: 15px;
}

.main_content {
	top: 67%;
}

.one-half.extra {
	width: 100%;
}

#faq h3 {
	background-position: 98.5% 12px;
}

#faq h3.open {
	background-position: 98.5% -40px;
}

.product {
	width: 50%;
}

}


@media only screen and (max-width: 652px) {
	.three-section .one-third{
		width: 100%;
	}

	.filter.extra li a, .filter-add.extra li a {
	  padding: 13px 18px;
	}

	#ks_badge {
    width: 90px;
    height: 90px;
	}

	.horizontalinner.wrapper{
		width: 100%;
	}
	.subtitle{
		font-size: 15px;
	}
}


@media only screen and (max-width: 620px) {
	.main_content h1, .sr-animation h1 {
		font-size: 50px;
	}

	#ks_badge {
		width: 89px;
		height: 89px;
	}

	.main_content li {
		font-size: 14px;
		line-height: 21px;
	}
}

@media only screen and (max-width: 500px) {
	.google-glass > div {
	    width: 100%;
	}

	.main_content {
		top: 84%;
	}

	.main_content h1 a {
	    top: -22px;
	}

	#ks_badge {
	    width: 63px;
	    height: 63px;
	}

	.sr-animation h1 a {
    top: -18px;
    left: -35px;
}

	.main_content h1, .sr-animation h1 {
	    font-size: 39px;
	}

	.main_content li {
		font-size: 13px;
	}

	.main ul li {
	    width: 90%;
	    margin: 0px auto;
	    line-height: 15px;
	}

	.home-button {
		width: 137px;
		padding: 11px 9px;
		font-size: 18px;
		margin: 18px auto;
	}

	.product-details {
		padding: 20px 10px 0px 10px;
	}

	.product-title a {
		font-size: 15px;
	}

	.product-buttons {
		padding: 0 10px;
	}

	.product .product-container:hover .back {
		padding: 71px 10px;
	}
}

@media only screen and (max-width: 360px) {

	#ks_badge {
		width: 50px;
		height: 50px;
	}

	.main_content h1, .sr-animation h1 {
	    font-size: 31px;
	}
	.main_content {
	    top: 95%;
	}

	.main_content h1 a {
		top: -2px;
		left: -17px;
	}

	.main_content li {
		font-size: 10px;
	}

	.main ul li {
		line-height: 9px;
	}

	.sr-animation h1 a {
	    top: -6px;
	    left: -21px;
	}

	.product-feature{
		float: none;
		margin:0 auto;
	}

	.product {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 360px) {
	.main_content {
	    top: 101%;
	}

	.home-button {
	    padding: 7px 9px;
	    font-size: 13px;
	    margin: 5px auto;
	}
}