/* RESPONSIVE */

@media(min-width: 576px)  {
   
    .container {
        max-width: 100%;
    }

}
@media(min-width: 768px)  {
   
    .container {
        max-width: 750px;
    }

}
@media(min-width: 992px)  {
   
    .container {
        max-width: 970px;
    }

}
@media(min-width: 1200px)  {
   
    .container {
        max-width: 1170px;
    }
}
@media(min-width: 1470px) {
   
    .container {
        max-width: 1370px;
    }
}
@media(max-width: 1470px) {
   
    .shortcut-page-link-section .shortcut-link {
		padding-bottom: 50px;
	}
}
@media (max-width: 1200px) {
	
	.page-header {
		margin-bottom: 20px;
	}
	
	h1 {
		font-size: 48px;
		line-height: 48px;
	}
	h2 {
		font-size: 36px;
		line-height: 36px;
	}
	h3 {
		font-size: 31px;
		line-height: 31px;
	}
	h4 {
		font-size: 27px;
		line-height: 27px;
	}
	
	nav > ul {
		padding-top: 30px;
	}
	nav > ul > li > a {
		font-size: 17px;
		padding: 0 6px 0 6px;
	}
	
	header .logo img {
		height: 50px;
	}
	
	.header-mobile.sticky .logo img {
		height: 45px;
	}
	.header-desktop.sticky .logo img {
		height: 48px;
	}
	.header-desktop.sticky nav > ul {
		padding-top: 22px;
	}
	
	.header-desktop .phone-big {
		padding-top: 19px;
	}
	.header-desktop .phone-big span {
		font-size: 19px;
	}
	.header-desktop .phone-big img {
		margin: 0 3px 10px 0;
	}

    .header-wrap {
        padding: 0 20px;
    }
	
	.send-mail, .send-mail.dark {
		width: 85% !important;
	}
	
	.title {		
		margin-bottom: 15px;
	}
	.title > span {
		font-size: 27px;
	}
	
	.about-us .info .image {	
		max-width: 55%;
		padding: 0 20px 0 0;
	}
	
	.levels-section .level, .levels .level {
		padding-bottom: 10px;
	}
	.levels-section .level .level-number, .levels .level .level-number {
		font-size: 25px;
	}
	.levels-section .level .level-desc, .levels .level .level-desc {
		font-size: 15px;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
	
	header .container {
		max-width: 100%;
    }
	
	.au-btn {
		padding: 6px 35px;
		font-size: 19px;
	}
	
	footer .company_details .text a, footer .company_details .text a:hover { 
		font-size: 15px;
	}
	footer .widget_links h4 { 
		font-size: 21px; 
	}
}

@media (max-width: 992px) {
	
	h1 {
		font-size: 40px;
	}
	h4 {
		font-size: 23px;
	}
	h5 {
		font-size: 21px;
	}
	
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block;
	}
	
	.back-btn {
		display: inherit;
	}
	.btn-container {
		margin-bottom: 20px;
	}
	
	.header-desktop .phone-big {
		display: none;
	}
	.email-bar, .facebook-bar {
		display: none;
	}	
	.breadcrumb {
		display: none;
	}	
	.sidebar {
		display: none;
	}
	.header-stick {
        display: none;
    }
	.faq .panel .panel-heading i {
		display: none;
	}
	.levels-section .image {
		display: none;
	}
	
	.header-mobile .logo {
		padding: 5px 0 5px 0;
		float: left !important;
	}

	.rev_slider_wrapper {
		left: 0 !important;
	}
	
	.title-holder {
		margin-bottom: 20px;
	}
	.title-holder .marker {
		font-size: 20px;
	}
	
	.title-1 {
		margin-bottom: 30px;
	}
	.title-2 {
		margin-bottom: 20px;
	}
	
	.send-mail, .send-mail.dark {
		margin-top: 20px;
		float: none;
		margin-right: auto !important;
		margin-left: auto !important;
		width: 50% !important;
	}
	
	.page-header .inner img {
		width: 100vw;
		height: 35vw;
		max-height: 400px;
		overflow: hidden;
	}
	
	.pages-section {
		padding-top: 15px;
		padding-bottom: 15px;
		background-size: cover;
	}
	.pages-section .item {
		padding: 10px;
	}
	
	.about-us .image {
		margin-bottom: 10px;
	}
	
	.contact-us p {
		font-size: inherit;
	}
	.contact-us .info, .quick-contact-form .info {
		padding-top: 0;
		padding-bottom: 20px;
		padding-right: 0;
	}
	
	.quick-contact-form {
		padding-bottom: 15px;
	}
	.quick-contact-form .info {
		padding-top: 30px;
		padding-bottom: 0;
		padding-right: 0;
	}
	
	.testi {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.testi .details {
		width: 100%;
	}
	
	.contact-us .submit-form .container {
		max-width: 100%;
	}
	.contact-us .submit-form .send-mail {
		width: 30% !important;
	}
	
	.field-validation-error {
		top: -14px;
	}
	
	.diagonal { 
		border-width: 88px 97vw 0 0;
	}
	
	.shortcut-page-link-section {
		padding-top: 30px;
	}
	.shortcut-page-link-section .shortcut-link {
		padding-bottom: 40px;
	}
	.shortcut-page-link-section .shortcut-link:last-child {
		padding-bottom: 20px;
	}
	
	.about-us-summary {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.about-us-summary .text, .shortcut-page-link-section .shortcut-link .text {
		top: 0;
	}
	.about-us-summary .image, .shortcut-page-link-section .shortcut-link .image {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		border: none !important;		
	}
	.about-us-summary .image img, .shortcut-page-link-section .shortcut-link .image img {
		/*display: block;
		float: none !important;*/
		margin: 0 auto !important;
		box-shadow: none !important;
	}	
	
	.about-us .info .image {
		max-width: 100%;
		padding: 10px 0 10px 0;
	}

	.levels-section {
		padding-bottom: 30px;
	}
	
	.levels {
		padding-top: 30px;
	}
	
    .header-desktop {
        display: none;
    }
	
    header.header-mobile {
        display: block;
		width: 100%;
		z-index: 100;
    }
	
	header.header-mobile .responsive {
		float: right;
		display: block;
		padding: 0;
		margin: 13px 0 12px 15px;
		border-radius: 4px;
		background-color: #000;
	}
	header.header-mobile .responsive.call {
		background-color: #4dc247;
	}
	
	header.header-mobile .nav-toggle {
		display: block;
		margin: 0;
		position: relative;
		padding: 20px 10px 15px 30px;
		cursor: pointer;
	}
	header.header-mobile .nav-toggle i {
		top: 16px;
	}
	header.header-mobile .nav-toggle i, header.header-mobile .nav-toggle i:before, header.header-mobile .nav-toggle i:after {
		border-radius: 0px;
		height: 2.2px;
		width: 20px;
		background-color: #fff;
		position: absolute;
		display: block;
		content: '';
		transition: all 250ms ease-in-out;
	}
	header.header-mobile .nav-toggle i:before {
		top: -6px;
	}
	header.header-mobile .nav-toggle i:after {
		top: 6px;
	}
	header.header-mobile .nav-toggle.active {
		background: transparent;
	}
	header.header-mobile .nav-toggle.active i {
		background-color: transparent;
	}
	header.header-mobile .nav-toggle.active i:before, header.header-mobile .nav-toggle.active i:after {
		top: 0;
		background-color: #fff;
	}
	header.header-mobile .nav-toggle.active i:before {
		-webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	}
	header.header-mobile .nav-toggle.active i:after {
		-webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	}
	
	header.header-mobile .responsive.bar {
		padding: 0;
		margin: 13px 0 12px 6px;
		border-radius: 50%;
	}
	
	header.header-mobile .buttons {
		display: block;
		padding: 5px 10px 5px 10px;
	}
	header.header-mobile .buttons i {
		color: #fff;
		font-size: 25px;
		vertical-align: sub;
	}
	
    .dot-wrap .slick-dots {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        height: 18%;
    }

    .dot-wrap .slick-dots li {
        height: 100%;
    }
}

@media (max-width: 768px) {	

	h2 {
		font-size: 32px;
		line-height: 32px;
	}
	
	.pages-section .item .image:hover > img {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		-moz-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
	
    .dot-wrap .slick-dots {
        height: 15%;
    }
}

@media (max-width:767px) and (min-width:413px) {	

	.copyright {
		clear:both;
	}	
}

@media (max-width: 576px) {
	
	h2 {
		font-size: 28px;
		line-height: 28px;
	}

	.boxed-btn {
		padding: 3px 15px 2px 15px !important;
		font-size: 15px !important;
	}
	
	.diagonal { 
		border-width: 88px 100vw 0 0;
	}
	
	.testi__item blockquote > .fa-quote-right {
        right: -25px;
    }
	.testi__item blockquote > .fa-quote-left {
        left: -25px;
    }
	
	.pages-section .item {
		width: 50%;
	}
	
	.our-clients .item {
		width: 33.3%;
	}
	
	.contact-us .submit-form .send-mail {
		width: 40% !important;
	}
	
	footer .widget_links {		
		margin-top: 30px;
	}
}

@media (max-width:476px) {	

	.contact-us .submit-form .send-mail {
		width: 50% !important;
	}
	
	.shortcut-page-link-section {
		padding-top: 40px;
	}
	
	.copyright {
		float:none;
		display:block;
	}

	footer .container { 
		max-width: 90%;
	}
	
	.title-holder .marker {
		margin-right: 6%;
	}
}