/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/

@media only screen and (min-width: 992px) {

	body.category-case-studies #content article:not(:first-child){

		margin-top: 116px;

	}

	body.category-case-studies #content article .entry{

		display: flex;

		flex-flow: row wrap;

		align-items: flex-start;

		justify-content: center;

	}

	body.category-case-studies #content article .archive-subtitle {

	    margin-top: 0;

	    border-bottom: 1px solid rgba(0,0,0,0.2);

	    

	    margin-left: -20px;

	    padding-left: 20px;

	}

	body.category-case-studies #content article:nth-child(even) .archive-subtitle {

	    margin-right: -20px;

	    padding-right: 20px;

	    margin-left: 0px;

	    padding-left:0px;

	}

	body.category-case-studies #content article:nth-child(even) .entry{

		flex-flow: row-reverse wrap;

	}

	body.category-case-studies #content .archive-thumbnail{

		width: 50%;

	}

	body.category-case-studies #content .archive-thumbnail img{

		display: block;

		width: 100%;

		height: auto;

		max-width: none;

	}

	body.category-case-studies #content .archive-content.archive-has-thumbnail{

		width: 50%;

		padding: 0 20px;

	}

	body.category-case-studies .post,

	body.category-case-studies .post {

	    border-bottom: 0px dotted;

	}

	body.category-case-studies #content .post {

	    margin-bottom: 20px;

	    padding-bottom: 20px;

	}

}

@media only screen and (max-width: 1469px) {
	.footernav li {
		padding: 0 28px;
	}
}

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

	.side-inner .side-sm {

	    margin: 30px 0 0;

	}

	.side-inner .side-info a {

	    font-size: 20px;

	    margin: 25px 0 0;

	}

	.side-inner .side-sm a {

	    margin: 20px 0 0;

	}

	.sec-title,

	.sec-title.main-lg{

		padding: 0 0 0 30px;

	}

	.sec-title h2 {

	    letter-spacing: 0.500em;

	}

	.sec-title h2 span {

	    letter-spacing: 0.070em;

	}

	.sec-title.main-lg h2 span {

	    font-size: 63px;

	    letter-spacing: 0.050em;

	}

	.wc-wrap .wc-content {

	    padding: 150px 0 38px;

	}

	.wc-title {

	    margin: 0 -50px 74px 0;

	}

	.qs-inner {

	    padding: 53px 0 58px 30px;

	}

	.footernav li {

		padding: 0 18px;

	}

	

}



/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

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

	.sec-title h2{

		font-size: 18px;

    	letter-spacing: 0.250em;

	}

	.sec-title.main-lg h2{

		font-size: 21px;

	}

	.sec-title h2 span{

		font-size: 35px;

	}

	.sec-title.main-lg h2 span{

		font-size: 50px;

		letter-spacing: 0.030em;

	}

	.sec-title.main-md h2 span {

	    font-size: 43px;

	}

	.wc-title {

	    margin: 0 -25px 74px 0;

	}

	.cs-wrap .cs-r {

	    margin: 0 0px 0 -45px;

	}

	.cs-img-nav .cs-arrow {

	    font-size: 16px;

	    width: 42px;

	    height: 42px;

	}

	.cs-wrap .cs-img:before {

	    right: -20px;

	    left: 28.717%;

	}

	.qs-form .qs-input {

	    width: calc(100% - 110px);

	}

	.cs-wrap .cs-subtitle{

		font-size: 24px;

	}

	.testi-wrap .testi-arrow {

	    font-size: 15px;

	    width: 55px;

	    height: 55px;

	}

	.testi-wrap .testi-arrow:first-child {

	    margin: 0 15px 0 0;

	}

	.testi-wrap .testi-button {

	    margin: 0 0 0 50px;

	}

	.cta-wrap .cta-single a .cta-name h3{

		font-size: 22px;

	}

	.testi-wrap .testi-r {

	    padding: 0 20px 0 33px;

	}

	.fb-post a .fb-desc{

		font-size: 15px;

	}

	.git-wrap {

	    margin: 0 -80px;

	}

	.footernav li {

	    /*padding: 0 14px;*/
	    padding: 0 10px;

	}
	.footernav a{
		font-size: 12px;
	}
	#hp-wc:before,

	#hp-mtt:before,

	#hp-fc:before,

	#hp-testi,

	.footer,

	#ftr-git{

		background-attachment: scroll;

	}

}



/* iPad(portrait) | Galaxy Tab 4(portrait)  */

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



	.casestudies-list{



    margin-bottom: 20px;

	}



	.casestudies-list:first-child{



    width: 100%;

    display: block;

	}



	.casestudies-list:first-child .csthumb{



    width: 100%;

	}



	.casestudies-list:first-child .cscontent{

		width: 100%;

		margin-left: 0;

	}



	.casestudies-list{

		width: 100%;

	}



	.casestudies .cscontent h2{



    margin-top: 22px !important;

	}



	/* The following are used on inner pages. Please edit carefully. */



	body.sp-active{

	    overflow: auto;

	}



	.inner {

	    width: 100%;

	}

	#content-sidebar, #content-full {

	    width: 100%;

	}

	.outer{

		width: 100%;

		min-width: 100%;

	}

	#content-sidebar #content{

		width: 100%;

	}

	.slide-panel.active,

	.hdr-fixed,

	.hdr-bttn,

	.hdr-fixed.active,

	.side-ci{

		display: none;

	}

	.header{

		position: relative;

	}

	.hdr-main{

		background: #526061;

		padding: 70px 0 20px;

	}

	.hp-ss .cycloneslider-template-responsive .cycloneslider-slide canvas{

	    min-height: 0vh;

	}

	.hp-tagline{

		align-items: center;

		justify-content: center;

		padding: 0;

	}

	.tagline-inner{

		padding: 0 0 0 0;

		border-left: 0 solid #fff;

	}

	.tagline-inner:before{

		display: none;

	}

	.tagline-inner .tagline-count{

		display: none;

	}

	.tagline-inner h1{

		text-align: center;

	}

	.hp-scroll{

		max-width: 20px;

	}

	.sec-title,

	.sec-title.main-lg {

	    padding: 0 0 0;

	    border-left: 0;

	}

	.sec-title:before{

		display: none;

	}

	.sec-title .sec-count{

		display: none;

	}

	.sec-title h2{

		text-align: center;

	}

	button.site-button,

	a.site-button,

	.site-button{

		margin-left: 0;

	}

	button.site-button:before,

	a.site-button:before,

	.site-button:before{

		display: none;

	}

	#hp-wc:before{

		right: 0;

	}

	.wc-wrap:before{

		left: 0;

		right: 0;

	}

	.wc-wrap .wc-photo{

		padding: 0 15px;

	    margin: 0 auto;

	    max-width: 400px;

	    width: calc(100% - 30px);

	}

	.wc-wrap .wc-right:before{

		display: none;

	}

	.wc-wrap .wc-content {

	    padding: 70px 15px 38px;

	    text-align: center;

	}

	.wc-title {

	    margin: 0 0 40px;

	}

	.mtt-list{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.mtt-single{

		width: 100%;

		max-width: 400px;

		margin: 30px 0 0;

	}

	.mtt-single a{

		min-height: 0;

		padding: 20px 15 0;

	}

	.qs-container{

		padding: 30px 0 60px;

	}

	.qs-inner{

		padding: 55px 20px;

	}

	.qs-inner h3{

		text-align: center;

	}

	.qs-wrap {

	    margin: 0 0 0;

	    width: 100%;

	}

	.qs-form{

		max-width: none;

		width: 100%;

	}

	.fp-wrap .fp-title {

	    margin: 0 0 30px;

	}

	.fp-wrap .fp-list{

		margin: 0 auto;

		max-width: 600px;

	}

	.fp-wrap .fp-list .slick-list{

		padding: 0 0 0;

	}

	.fp-wrap .fp-list .slick-slide.slick-current + .slick-slide{

		top: 0;

	}

	.fc-inner{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.fc-inner .fc-col-title{

		width: 100%;

	}

	.fc-inner .fc-single{

		margin: 20px 0 0;

		width: 100%;

		max-width: 525px;

		padding: 0;



	}

	.fc-inner .fc-single a:hover .fc-img {

	    transform: scale(1);

	    -webkit-transform: scale(1);

	    -moz-transform: scale(1);

	}

	.fc-inner .fc-single a .fc-name h3 {

	    font-size: 20px;

	    padding: 10px;

	}

	.cs-wrap .cs-subtitle{

		text-align: center;

		max-width: none;

	}

	.cs-wrap .cs-desc{

		text-align: center;

		margin: 0 0 0;

	}

	.cs-wrap .cs-bttn{

		text-align: center;

		padding: 0 0 30px;

	}

	.cs-wrap .cs-r{

		margin: 0 auto;

		max-width: 505px;

	}

	.cs-wrap .cs-img:before{

		display: none;

	}

	.cs-img-nav {

	    justify-content: center;

	}



	.testi-wrap .testi-inner{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.testi-wrap .testi-col{

		width: 100%;

	}

	.testi-wrap .testi-l{}

	.testi-wrap .testi-l:before{

		display: none;

	}

	.testi-wrap .testi-navs{

		flex-flow: column-reverse wrap;

		align-items: center;

		justify-content: center;

	}

	.testi-wrap .testi-button {

	    margin: 0 0 20px;

	}

	.testi-wrap .testi-r{

		padding: 30px 0 0;

	}

	.cta-wrap .cta-single {

	    margin: 0 0 0 0;

	    padding: 4px;

	    width: calc(50% - 7px);

	    max-width: none;

	}

	.wtmw-inner{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.wtmw-title {

	    text-align: center;

	}

	.wtmw-title .wtmw-title-sm{

		margin: 0 0 10px;

	}

	.wtmw-inner .wtmw-fb{

		width: 100%;

	}

	.wtmw-inner .wtmw-ig{

		width: 100%;

		margin: 35px 0 0;

	}

	.blog-wrap .blog-list{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.blog-wrap .blog-single{

		margin: 20px 0 0;

		width: 100%;

		text-align: center;

	}

	.blog-wrap .blog-single:first-child{

		margin: 0 0 0;

	}

	.git-wrap{

		margin: 0 0 0;

	}

	.git-wrap:before{

		left: 0;

		right: 0;

	}

	.git-form {

	    max-width: 540px;

	}

	 .footernav li{

    	border-left: 0;

    	padding: 0 0 0;

    	margin: 10px 0 0;

    	display: block;

    }

    .footernav li:first-child{

    	margin: 0 0 0;

    }

	.copyright {

	    letter-spacing: 0.050em;

	}

	#content .archive-list.blog .article-long .archive-has-thumbnail {

		width: 100%;

		margin-left: 0;

	}

	#content .archive-list.blog .article-long .archive-thumbnail {

		width: 100%;

	}



	#content .archive-list.blog > article p{

		font-size: 22px;

	}



	#content .archive-list.blog .archive-thumbnail,

	#content .archive-list.blog .archive-content h2{

		text-align: left;

	}



	span.asking-popup-close{

		top: -75px;

    	right: -25px;

	}
	
	#content .entry-title, 
	#content .archive-title {
		font-size: 32px;
	}

	.aios-contact-main .aios-contact-smi ul {
		flex-flow: wrap;
	}

	.aios-contact-wrap .aios-contact-main .aios-contact-smi ul li {
		padding: 10px 30px;
	}

}



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

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

    .ip-banner .container{

        width: 100%;

    }

    .hp-ss .cycloneslider-template-responsive .cycloneslider-slide canvas{}

    .git-wrap:before,

    .git-title .git-title-sm:before,

    .git-title .git-title-sm:after,

    .git-form .git-submit:before,

    .git-form .git-submit:after{

    	display: none;

    }

    .ci-wrap ul{

    	flex-flow: column wrap;

    	align-items: center;

    	justify-content: center;

    }

    .ci-wrap li{

    	margin: 20px 0 0;

    }

    .footernav{}

    .footernav li{

    	border-left: 0;

    	padding: 0 0 0;

    	margin: 10px 0 0;

    	display: block;

    }

    .footernav li:first-child{

    	margin: 0 0 0;

    }



    .asking-popup-title{

    	font-size: 12px;

    }



    .asking-popup-title span{

    	font-size: 26px;

    }



    .asking-popup-fields-row{

    	flex-direction: column;

    }



    .asking-popup-field.asking-popup-field-submit,

    .asking-popup-fields-row .asking-popup-field.asking-popup-field-submit > div{

    	width: 100%;

    }



    .asking-popup-fields-row .asking-popup-field:not(.asking-popup-field-submit) input {

	    font-size: 13px;

	    letter-spacing: 0.1em;

	}

}

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

	.hp-scroll{

		display: none;

	}

	.tagline-inner h1{

		font-size: 3.5vw;

	}

	.tagline-inner h1 span{

		font-size: 9vw;

	}

	.qs-form{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.qs-form .qs-input{

		width: 100%;

		max-width: none;

	}

	.qs-form .qs-submit {

	    margin: 25px 0 0;

	}

	.qs-idx{

		text-align: center;

	}

	.fb-content .fb-info,

	.ig-content .ig-info{

		flex-flow: column wrap;

		align-items: center;

	}

	.fb-content .fb-user,

	.ig-content .ig-user{

		width: 100%;

		max-width: none;

		margin: 0 0 20px;

	}

	.ig-single{

		width: 50%;

		padding: 3px;

	}

	.cta-wrap .cta-inner{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.cta-wrap .cta-single{

		width: 100%;

	}

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

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

	.qs-form .qs-row.quad > div {

	    width: calc(50% - 1px);

	}

	#hp-testi {

	    padding: 30px 0 50px;

	}

	.wtmw-title .wtmw-title-lg{

		font-size: 37px;

	}

	.fb-content .fb-user,

	.ig-content .ig-user{

		flex-flow: column wrap;

		align-items: center;

		justify-content: center;

	}

	.fb-content .fb-user-img,

	.ig-content .ig-user-img{

		width: 55px;

	}

	.ig-content .ig-user-name,

	.fb-content .fb-user-name{

		font-size: 16px;

		letter-spacing: 0.000em;

	}

	.ig-content .ig-user-activity,

	.fb-content .fb-user-activity{

		font-size: 13px;

		letter-spacing: 0.000em;

		justify-content: center;

	}

	.ig-content .ig-user-det,

	.fb-content .fb-user-det {

	    max-width: none;

	    width: 100%;

	    padding: 0 0 0;

	    margin: 15px 0 0;

	    text-align: center;

	}

	.git-title .git-title-lg{

		font-size: 48px;

	}

	.git-form .git-row.dual > div{

		width: 100%;

		margin: 8px 0 0;

	}

	

	.fp-wrap .fp-single a .fp-hover{

		max-width: 100%;

	}

	.fp-wrap .fp-single a .fp-hover .fp-price {

		font-size: 20px;

	}

	.fp-wrap .fp-single a .fp-hover .fp-add {

    font-size: 14px;

		line-height: 1.3;

    margin: 12px 0 0;

	}

	.fp-wrap .fp-single a .fp-hover .fp-status {

    font-size: 14px;

	}

	.fp-wrap .fp-single a .fp-hover .fp-button {

		font-size: 12px;

		padding: 10px 31px;

    margin: 10px 0 0;

	}

	.aios-contact-wrap .aios-contact-main {

		margin: 20px 0 !important;

		padding: 60px 10px 0 !important;

	}

}