/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
    #top-picks-section .top-picks-item .image-box-wrpr, #top-picks-section .top-picks-item .image-box {
		height: 160px;
    }

    .form-primary .name-group .first-name {
		width: 215px;
	}

	.form-primary .name-group .last-name {
		width: 266px;
	}
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	#cta-section p {
		margin-bottom: 0;
	}

	#cta-section h2 {
		margin-bottom: 15px;
	}

	#about-section .form-primary .button-primary {
		padding: 8px 10px;
	}

	.main-contents {
		width: 100%;
	}

	.sidebar {
		width: 100%;
		margin-left: 0;
		margin-bottom: 50px;
	}

    .form-primary .name-group .first-name {
		width: 135px;
	}

	.form-primary .name-group .last-name {
		width: 186px;
	}
    
    .accordion-primary.country-list .office-item .body ul {
        columns: 2;
    }  
    
    .office-image {
        width: 100%;
    }
    
    .office-desc {
        width: 98%;
        min-height: 300px;
    }
       
    .office-item .form .schedule, .office-item .form .quote, .office-item .form .shortlist{
        width:100%;
        border-bottom: 1px solid #4cc8ce;
        margin: 0 ;
        padding:10px;
    }
}





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 25px;
	}

	h3 {
		font-size: 22px;
	}
    
    header .row .align-items-center.header-wrap{
        display: block !important
    }
	
    header .logo {
	 	width: 200px;
	 	margin-bottom: 15px;
	}
    
    header .top-right {
        text-align: center;
    }  
    
    header .top-right .locale{
        position: absolute;
        top: 0px;
        right: 20px;        
    }  

	header .top-right .phone p {
		font-size: 25px;
	}

	header .search-group-primary {
		/*max-width: 290px;*/
        max-width: 100%;
	}

	header .search-group-primary input, header .search-group-primary button {
		font-size: 14px;
	}

	#cta-section p {
		margin-bottom: 0;
	}

	#cta-section p {
		font-size: 20px;
	}

	#cta-section h2 {
		font-size: 25px;
		margin-bottom: 15px;
	}

	#about-section img {
		margin-bottom: 25px;
	}

	#about-section .form-primary .button-primary {
		padding: 8px 10px;
	}

	#office-section .office-item {
		width: 100%;
	}

	#office-section .office-item .header {
		padding: 5px 10px;
	}

	footer, footer .footer-right {
		text-align: center;
	} 

	footer .footer-left p {
		margin-bottom: 15px;
	}

	.main-contents {
		width: 100%;
	}

	.sidebar {
		width: 100%;
		margin-left: 0;
		margin-bottom: 50px;
	}

	#top-picks-section {
	    margin-bottom: 0;
	}

	#top-picks-section .top-picks-item {
		width: 100%;
		margin-bottom: 30px;
	}

	#top-picks-section .top-picks-item .image-box-wrpr, #top-picks-section .top-picks-item .image-box {
		height: 250px;
	}

	.about-gallery .image-left {
		height: 215px;
	}

	.about-gallery .images-right .image-right-top, .about-gallery .images-right .image-right-bottom {
		height: 100px;
	}

	.map-box .image-title {
		padding: 5px 10px;
	}

	.map-box .image-title p {
		font-size: 16px;
	}

	#cta-buttons-section a {
		padding: 5px;
		font-size: 14px;
	}

	.form-primary {
		padding: 15px 20px;
	}

	.form-primary .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  	font-size: 14px;
	}
	.form-primary .form-control::-moz-placeholder { /* Firefox 19+ */
	  	font-size: 14px;
	}
	.form-primary .form-control:-ms-input-placeholder { /* IE 10+ */
	  	font-size: 14px;
	}
	.form-primary .form-control:-moz-placeholder { /* Firefox 18- */
	  	font-size: 14px;
	}

	.form-primary .name-group .first-name, .form-primary .name-group .last-name {
		width: calc(50% - 41px);
	}
    
    .accordion-primary.country-list .office-item .body ul {
        columns: 2;
    }  
    
    .office-image {
        width: 100%;
    }
    
    .office-desc {
        width: 98%;
        min-height: 300px;
    }
    
    .office-item .form .schedule, .office-item .form .quote, .office-item .form .shortlist{
        width:100%;
        border-bottom: 1px solid #4cc8ce;
        margin: 0 ;
        padding:10px;
    }

    #cta-buttons-section .CTA-AccForms{
        display:block;
    }    
        
    section.office-item .CTA-AccForms{
        display:block;
        margin:0 !important;
    }
    
    section.office-item .CTA-AccForms .office-item{
        margin:0 !important;   
    }
        
    section.office-item div.form .CTAForm{
        display:none;
    }
    
    #cta-buttons-section .office-cta-buttons{
        display:none !important;
    }
    
    .carousel-item{
        height: 450px;    
    }          
}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) { 
	header .logo {
	 	width: 200px;
	 	margin-bottom: 0;
	}
    
    header .top-right {
        text-align: center;
    }       

	#office-section .office-item {
		width: 50%;
	}

	#top-picks-section .top-picks-item .image-box-wrpr, #top-picks-section .top-picks-item .image-box {
		height: 300px;
	}

	.about-gallery .image-left {
		height: 315px;
	}

	.about-gallery .images-right .image-right-top, .about-gallery .images-right .image-right-bottom {
		height: 150px;
	}

	#cta-buttons-section a {
		padding: 10px;
		font-size: 15px;
	}

    .form-primary .name-group .first-name {
		width: 85px;
	}

	.form-primary .name-group .last-name {
		width: 136px;
	}
    
    .accordion-primary.country-list .office-item .body ul {
        columns: 2;
    }   
    
    .office-image {
        width: 100%;
    }
    
    .office-desc {
        width: 98%;
        min-height: 300px;
    }       
    
    .office-item .form .schedule, .office-item .form .quote, .office-item .form .shortlist{
        width:100%;
        border-bottom: 1px solid #4cc8ce;
        margin: 0 ;
        padding:10px;
    }

    #cta-buttons-section .CTA-AccForms{
        display:block;
    }    
    
    section.office-item .CTA-AccForms{
        display:block;
        margin:0 !important;
    }
    
    section.office-item .CTA-AccForms .office-item{
        margin:0 !important;   
    }

    section.office-item div.form .CTAForm{
        display:none;
    }    
    
    #cta-buttons-section .office-cta-buttons{
        display:none !important;
    }
        
    .carousel-item{
        height: 450px;    
    }
}