/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 1601px) {
	.at-photo {
	    left: calc( (1090px - 100vw) / 2 );
	}
}
@media only screen and (min-width: 1371px) {
	.custom-container {
		width: 1370px;
		padding: 0 15px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1280px) {
	.cta:nth-child(1) {
	    padding-right: 0;
	}
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.at-box {
	    margin: 0;
	}
		.at-inner {
		    max-width: 570px;
		}
		.at-box .at-photo {
			left: -220px;
		}
	.qs-field select,
	.qs-field .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		font-size: 11px !important;
	}
	.footer-contact-info, .footer-nav {
	    padding-left: 0;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	*[class*="col-md"] { width: 100%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-2 { width: 16.66666666%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-5 { width: 41.66666666%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-12 { width: 100%; }

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

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
	.section-title, #content .section-title, #content .entry-title {
	    font-size: 55px;
	}
	body.active_menu {
	    overflow: auto;
	}
	.menu-toggle,
	.header-contact-info,
	#about-tashia:after,
	#main-wrapper:before,
	.cta-list:before {
		display: none;
	}
	header.header,
	header.header.active {
		position: relative;
		background: var(--primary);
		z-index: 1;
		padding: 52px 0 0;
		border-bottom: 2px solid #fff;
	}
		.header-logo, .header.active .header-logo {
		    position: relative;
		    width: 320px;
		    margin: 0 auto;
		    padding: 30px 0;
		    max-width: 100%;
		}

	.hp-qs {
		position: relative;
		display: block;
		padding: 60px 0;
	}
		.hp-qs i {
		    margin: 0 auto 30px;
		}
		.qs-fields {
		    width: 100%;
		    max-width: 500px;
		    margin: 0 auto;
		    padding: 0 15px;
		}
			.qs-field {
				margin-bottom: 15px;
			}
			.qs-field.qs-lg,
			.qs-field.qs-xs.qs-mob-lg {
			    width: 100%;
			}
			.qs-field.qs-xs {
			    width: 50%;
			}
			.qs-btn {
			    width: 100%;
			}
		.qs-field button.btn.dropdown-toggle.bs-placeholder.btn-default,
		.qs-field button.btn.dropdown-toggle.btn-default {
			padding-left: 0;
		}
	.cta-list {
	    padding-left: 0;
	}
	    .cta {
	        width: 50%;
	        transform: none;
	    }
	        .cta a span {
	            transform: none;
	        }

	.cta:nth-child(2),
	.cta:nth-child(3) {
        background: rgba(23,23,23,0.9);
    }
    .cta:nth-child(4) {
    	background: transparent;
    }
    .cta:hover {
	    background: var(--secondary)!important;
	}
		.cta a:hover span {
			left: 0;
		}

	.at-box {
		padding-bottom: 0;
	}
		.at-inner {
		    max-width: 90%;
		}
			.at-inner .section-title:after {
				right: 0;
			}
			.at-photo,
			.at-box .at-photo {
			    position: relative;
			    left: 0;
			    bottom: 0;
			    width: 60%;
			    margin-top: 50px;
			}
			.at-logo {
			    bottom: 0;
			    right: 0;
			    display: none;
			}

	.testi-title, .testi-right {
	    width: 100%;
	}
		.testi-title {
		    margin-bottom: 50px;
		    text-align: center;
		}
			.testi-title .section-title:before {
			    left: 50%;
			    transform: translateX(-50%);
			}
		.testi-controls {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-bottom: 20px;
		}
			.testi-controls .custom-slick-arrow {
			    margin: 0 20px;
			}
		.testi-title a.btn-a {
		    margin: 0 auto;
		}
		.testi-item {
			width: 100%;
		}
		.testi-item ~ .testi-item {
			display: none;
		}
		.testi-item a {
		    padding-left: 5%;
		    padding-right: 5%;
		}

	.fp-details-wrap {
	    position: relative;
	    width: 100%;
	    padding: 100px 8% 50px;
	    background: transparent;
	    text-align: center;
	}
	    .fp-address {
	        font-size: 25px;
	    }
	    .fp-details .btn-a {
	    	margin-left: auto;
	    	margin-right: auto;
	    }
	    .fp-details ~ .fp-details, 
	    .fp-img ~ .fp-img {
	    	display: none;
	    }

	.farea-left {
	    padding-top: 20px;
	}
	.farea-map {
	    margin: 50px auto 0;
	}

	.ba-top {
	    display: block;
	    text-align: center;
	}
		.ba-controls {
		    margin: 20px auto 0;
		    width: 100%;
		    justify-content: center;
		}
		.ba-item {
			width: 50%;
		}
		.ba-item:nth-child(2) ~ .ba-item {
			display: none;
		}
	#send-a-message {
	    padding: 70px 0;
	}
		.git-box {
		    padding: 76px 5% 79px;
		}
	.footer-center {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-bottom: 30px;
	}
		.footer-logo {
		    margin-bottom: 30px;
		}
	.footer-left {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		text-align: center;
		margin-bottom: 30px;
	}
		.footer-contact-info .contact {
		    justify-content: center;
		}
	.footer-right {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		text-align: center;
	}
		.footernav {
		    display: block;
		    max-height: initial;
		}

	.footer-contact-info .contact-smi a:last-child {
	    margin-right: 0;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	*[class*="col-sm"] { width: 100%; }
    .col-xs-1 { width: 8.33333333%; }
    .col-xs-2 { width: 16.66666666%; }
    .col-xs-3 { width: 25%; }
    .col-xs-4 { width: 33.33333333%; }
    .col-xs-5 { width: 41.66666666%; }
    .col-xs-6 { width: 50%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-9 { width: 75%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-12 { width: 100%; }

    .ip-banner .container{
        width: 100%;
    }
    .section-title, #content .section-title, #content .entry-title, #content .archive-title {
	    font-size: 45px;
	}
	.ba-item {
		width: 100%;
	}
	.ba-item ~ .ba-item {
		display: none;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.custom-slick-arrow span {
	    font-size: 12px;
	    display: none;
	}
	.section-title, #content .section-title, #content .entry-title, #content .archive-title {
	    font-size: 40px;
	}
	em.ba-line {
	    margin: 0 10px;
	}
	.git-col-4 {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.git-col-12 {
	    margin-top: 0;
	}
}
 
