/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

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

	.custom-container {
	    width: 1330px;
	}

	/*WELCOME*/
	.welcome-right:before,
	.welcome-right:after {
	    width: calc((100vw - 1300px) / 2 + 100%);
	}

} 
@media only screen and (min-width: 1440px) {
	.custom-container {
	    width: 1430px;
	}

	/*WELCOME*/
	.welcome-right:before,
	.welcome-right:after {
	    width: calc((100vw - 1400px) / 2 + 100%);
	}

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

	.fc-wrap {
        margin-right: -50px;
    }

} 

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

	/*Header */
	.header-left {
		width: 260px;
	}	

	.header-logo img:first-child {
		max-width: 110px;
	}
	
	.header-logo img:last-child {
		max-width: 140px;
	}
	
	.header-right {
		width: calc(100% - 260px);
	}


	/*WELCOME*/
	.welcome-right:before,
	.welcome-right:after {
	    width: calc((100vw - 1140px) / 2 + 100%);
	}

	/*FP*/
	.fp-details {
		padding: 20px;
	}

	/*TESTIMONIALS*/
	.testi-left {
		margin-left: 0;
	}
	.testi-slide-wrap {
	    margin: 0 20px;
	}
	.testi-item {
	    padding: 0 20px 10px;
	}

	.header:not(.fixed) .header-right-bot li#menu-item-46 > .sub-menu {
	    left: 0;
	    right: 0;
	}
	.fixed .header-right-bot li#menu-item-46 > .sub-menu {
		left: calc(-150% - 30px);
	}

	#listings-results .listings-grid .listings-plan span {
		font-size: 12px!important;
		padding: 5px 10px!important;
	}
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

	/*SITE TITLE*/
	.site-title h1 span, .site-title h2 span {
	    font-size: 45px;
	}

	.sb-qs-wrap .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { 	
	    text-overflow: ellipsis;
	    width: 100%;
	    max-width: 120px;
	    white-space: nowrap;
	    overflow: hidden;
	}

	.aios-roadmaps .aios-roadmap-link {
	    width: 110px;
	    height: 110px;
	    margin: 0 0.4% 10px;
	}

	/*HEADER*/
	.header-left {
		width: 240px;
	}

	.header-logo img:first-child {
		max-width: 100px;
	}
	
	.header-logo img:last-child {
		max-width: 130px;
	}
	
	.header-right {
		width: calc(100% - 240px);
	}

	.header-right-bot .navigation #nav > li {
	    padding: 0 20px;
	}
	.header-right-bot .navigation #nav > li a {
	    font-size: 12px;
	}
	.fixed #nav .sub-menu {
	    padding-top: 40px;
	}
	.fixed .header-right-bot li#menu-item-46 > .sub-menu {
		left: calc(-150% - 20px);
	}

	/*UPPERFOLD*/
	.uf-btn-wrap {
	    bottom: 20px;
	}
	.uf-btn-inner {
	    margin: 0 -5px;
	}
	.uf-btn-list {
		padding: 0 5px;
	}

	/*STEP*/
	.step-sec .site-title h2 span {
	    font-size: 50px;
	}
	.step-list {
	    padding: 0 10px;
	}
	.step-box:before, .step-box:after {
	    left: -10px;
	    width: 10px;
	}
	.step-box:after {
	    right: -10px;
	}
	.step-box-bg:after {
	    width: calc(100% - 20px);
	    height: calc(100% - 20px);
	}
	.step-box:hover .step-box-bg {
	    width: calc(100% + 30px);
	    height: calc(100% + 6px);
	}
	.step-box-inner > div > span {
	    font-size: 20px;
	}
	.step-box-inner > div > span.small {
	    font-size: 11px;
	}

	/*WELCOME*/
	.welcome-right:before,
	.welcome-right:after {
	    width: calc((100vw - 940px) / 2 + 100%);
	}
	.welcome-signature {
	    font-size: 40px;
	}
	.welcome-designation {
	    font-size: 13px;
	}

	/*CTA*/
	.cta-item > div > span {
	    font-size: 30px;
	}

	/*FP*/
	.fp-address {
	    font-size: 18px; 
	}
	.fp-btn-wrap {
	    padding-right: 50px;
	    margin: -40px 0 0 auto;
	}
	.fp-slide-dots {
	    margin-left: 40px;
	}

	/*FC*/
	.fc-list {
	    padding: 10px;
	}

	/*TESTI*/
	.testi-left {
		padding-left: 40px;
		width: 400px;
	}
	.testi-right {
		width: calc(100% - 400px);
	}

	.footernav > li a {
	    font-size: 13px;
	}

	#listings-details .listings-cta > li > a {
	    font-size: 13px !important;
	    letter-spacing: 2px !important;
	}

	.sidebar .bootstrap-select.btn-group .dropdown-menu {
	    max-width: 100%;
	    min-width: 100%;
	}

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	body .header-right {
		width: 100%;		
	}

	.header-logo a {
		justify-content: center;
	}
	
	body .header-right-top {
		text-align: center;
	}

	body .header-smi {
		padding-left: 0;
	}

	body .cycloneslider-template-video video {
		max-width: 100%;
		max-height: 115%;
	}

	
	.header-logo img {
		max-width: 250px;
	}

	/*SITE TITLE*/
	.site-title {
		text-align: center;
	}

	/*HEADER*/
	.header {
		margin: 52px 0 0;
		position: relative;
		padding: 10px 0;
		background: #000;
	}
	.header-left {
		width: 100%;
		text-align: center;
	}

	.hp-slideshow .cycloneslider-volume {
		top: 50px;
	}

	/*UPPERFOLD*/
	.uf-btn-wrap {
	    bottom: 0;
	    padding: 10px 0;
	    position: relative;
	    background: #888787;
	}
	.uf-btn-inner {
	    margin: 0;
	    width: 100%;
	    max-width: 400px;
	    margin: auto;
	}
	.uf-btn-list {
		width: 100%;
		padding: 5px;
	}
	.upperfold-sec .play-btn {
	    top: calc(50% - 210px); 
	}

	/*STEP*/

	.step-list {
		width: 50%;
		padding: 10px;
	}
	.step-box:before, .step-box:after {
		display: none;
	}

	/*MAP*/
	.map-sec {
	    margin: 0;
	    padding: 40px 0;
	}
	.map-sec:before {
		height: 100%;
	}
	.map-left {
	    position: relative;
	    left: 0;
	    top: 0;
	    text-align: center;
	}

	/*QS*/
	.qs-sec {
		padding: 40px 0;
	}
	.qs-wrap {
		width: 100%;
		max-width: 400px;
		margin: 30px auto 0;
	}
	.qs-wrap form {
        position: relative;
        width: 100%;
    }
    .qs-field {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 4px;
    }
        .qs-field.long {
            width: calc(100% - 8px);
        }
        .qs-field.short {
            width: calc(50% - 8px);
        }
        .qs-field.short.qs-btn {
            width: calc(100% - 8px);
        }

    /*WELCOME*/
    .welcome-sec {
    	padding: 40px 0;
    }
    .welcome-sec:before,
    .welcome-right:before, 
    .welcome-right:after {
    	display: none;
    }
    .welcome-right {
    	text-align: center;
    	padding: 0;
    }
    .welcome-text {
	    padding-left: 0;
	    margin: 45px 0 0;
	}
	.welcome-left-bot {
	    padding-left: 0;
	    margin: 90px 0 0;
	}

	/*CTA*/
	.cta-sec {
	    padding: 250px 0 75px;
	}
	.cta-list {
		width: 100%;
	}
	.cta-list a {
	    height: 115px;
	}
	.cta-sec .play-btn {
	    transform: translate(-50%,calc(-50% - 200px));
	}

	/*FP*/
	.fp-sec {
		padding: 50px 0;
	}
	.fp-slide .slick-slide > div,
	.fp-slide .slick-slide > div .fp-list,
	.fp-slide .slick-slide > div .fp-list:last-child,
	.fp-slide .slick-slide > div .fp-list:first-child {
	    display: block;
	    width: 100% !important; 
	}
	.fp-list {
		padding: 0 !important; 
	}
	.fp-wrap {
	    position: relative;
	    margin: 30px auto 0;
	    width: 100%;
	    max-width: 500px;
	}
	.fp-list a:hover,
	.fp-list a:hover .fp-details > div {
		transform: none;
	}
	.fp-img canvas {
		height: 350px;
	}
	.fp-btn-wrap {
	    margin: 40px auto 0;
	    justify-content: center;
	    padding: 0;
	    text-align: center;
	}

	/*FC*/
	.fc-slide {
		margin: 0;
	}
	.fc-slide-dots ul {
	    margin-left: 0;
	    margin-top: 66px;
	    text-align: center;
	}
	.fc-sec {
	    padding: 50px 0;
	}

	/*TESTI*/
	.testi-sec:before,
	.testi-sec:after,
	.testi-accent {
		display: none;
	}
	.testi-left {
	    padding-left: 0;
	    width: 100%;
	    text-align: center;
	    padding: 30px 0 40px;
	}
	.testi-slide-dots ul {
	    margin-left: 0;
	    margin-top: 30px;
	}
	.testi-left .site-btn {
		margin-left: 0;
	}
	.testi-right {
		width: 100%;
	}
	.testi-item {
    	padding: 0 0 20px;
	    text-align: center;
	}

	/*FOOTER*/
	.ft-left,
	.ft-right {
		width: 100%;
		text-align: center;
		padding: 0;
		border: 0;
	}
	.ft-right {
	    margin: 86px 0 0;
	}
	.ft-left > div,
	.ft-right > div {
		margin: auto !important;
	}
	.ft-form {
		margin: 30px auto 0;
	}
	.ft-form > div {
		margin: 0;
	}
	.ft-right-bot {
		margin: 30px 0 0;
	}
	.ft-right-bot > div {
	    width: 100%;
	    position: relative;
	    margin: 25px 0;
	}
	.footer-contact i {
		width: auto;
	}
	.footer-contact a {
		width: auto;
		margin-left: 15px !important;
	}
	.footer-bot {
		margin: 30px 0 0;
	}
	.copyright {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-icons {
		width: 100%;
		text-align: center;
	}

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

	.slick-current .testi-item:before{
		display: none;
	}

	.footer-logo a {
	    display: inline-flex;
	}

	.page-id-378 #content ol,
	.page-id-378 #content ul{
	    margin-left: 0 !important;
	    padding: 0 !important;
	    list-style-position: inside;
	}
	
	.header-logo {
	    margin: 0 auto 20px;
	}

	.welcome-left-bot > div iframe {
	    width: 100%;
	    max-width: 215px;
	    margin: 0 auto;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

	/*WELCOME*/
	.welcome-signature {
	    font-size: 34px;
	    padding-left: 30px;
	}

	.welcome-designation{
		margin-top: 45px;
	}

    .ip-banner .container{
        width: 100%;
    }
}

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

	/*SITE TITLE*/
	.site-title h1, .site-title h2 {
	    padding-left: 15px;
	}
	.site-title h1 span.small, .site-title h2 span.small {
		font-size: 16px;
	}
	.site-title h1 span, .site-title h2 span {
	    font-size: 38px;
		letter-spacing: 0.02em;
	}

	/*WELCOME*/
	.welcome-text > div {
		width: 100%;
	}
	.welcome-left-bot > div {
	    width: 100%;
	    position: relative;
	    padding: 10px 0;
	    text-align: center;
	}
		.welcome-left-bot > div:last-child {
			margin-top: 20px;
		}

	/*FOOTER*/
	.ft-form div.wpcf7-response-output {
		bottom: -74px;
	}

	#content .entry-title,
	#content .archive-title {
		font-size: 40px;
	}
	#content .archive-subtitle {
		font-size: 30px;
	}

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {


	/*STEP*/
	.step-list {
		width: 100%;
	}

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

	.ai-contact-wrap span.context-mob, 
	.ai-contact-wrap span.context-email {
	    font-size: 17px;
	}

	.step-accordion .btn-link {
	    font-size: 15px;
	}

	.fp-btn-wrap .site-btn a {
		padding: 0 19px;
	}
}