@media (max-width: 1200px) {
	/*** GENERAL ***/
		.container {
			width: 90%;
			max-width: 90% !important;
			padding: 0;
		}
	/*** GENERAL END ***/

	/*** REFERRAL ***/
		.referral .right .box form,
		.referral .right .box .download {
			width: 100%;
		}
	/*** REFERRAL END ***/
}

@media (max-width: 1024px) {
	/*** HEADER ***/
		header {
			height: 100px;
			padding: 15px 0;
			position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 1;
		}

		header .logo img {
			width: 120px !important;
		}

		header .menu {
			width: 80% !important;
			text-align: right !important;
		}

		header .menu .web-menu {
			position: fixed;
		    background: #131F33;
		    width: 250px;
		    right: -300px;
		    top: 100px;
		    padding: 20px 0;
		    height: 100%;
		}

		header .menu .web-menu.active {
			right: 0px;
		}

		header .menu .web-menu li {
			display: block !important;
			padding: 10px 20px;
			text-align: left;
		}

		header .menu .web-menu li.current-menu-item {
			background: #fff;
		}

		header .menu .web-menu li.current-menu-item a {
			border: none !important;
			color: #131F33 !important;
		}

		header .menu .web-menu li a {
			font-size: 20px !important;
			margin: 10px 0 !important;
			padding: 0 !important;
		}

		header .menu .menu-toggle {
			display: block;
		}

		header .contacts {
			display: none !important;
		}
	/*** HEADER END ***/

	/*** HOME ***/
		.front-page-header .banner {
			margin-top: 0;
		}

		.front-page-header .banner .overlay {
			text-align: center;
		}

		.front-page-header .banner .overlay .left,
		.front-page-header .banner .overlay .right {
			width: 100% !important;
		}

		.front-page-header .banner .overlay .right img {
			display: none;
		}

		.banner {
			margin-top: 100px;
		}

		.home .ndis {
			display: block;
		}

		.home .services {
		    padding: 60px 0 0;
		    width: 90%;
		    margin: 0 auto;
		}
	/*** HOME END ***/
	
	/*** ABOUT ***/
	    .about .who-we-are .row h1 {
	        font-size: 25px;
	    }
	    
	    .about .who-we-are .row h2 {
	        font-size: 20px;
	    }
	/*** ABOUT END ***/

	/*** CONTACT END ***/
		.contact .overlay {
			padding: 160px 0 30px 0;
		}

		.contact .overlay .left,
		.contact .overlay .right {
			padding: 30px;
		}

		.contact .overlay .left .button,
		.contact .overlay .right .button {
			width: 100% !important;
		}
	/*** CONTACT END ***/

	/*** REFERRAL ***/
		.referral .banner {
			padding: 30px 0;
		}

		.referral .right .box {
			padding: 30px 15px;
			width: 100%;
		}

		.referral .right .box form {
			padding: 20px;
		}
	/*** REFERRAL END ***/
}

@media (max-width: 992px) {
	/*** FOOTER ***/
		footer .top {
			padding: 20px 0;
		}
		footer .top img {
			display: none;
		}
	/*** FOOTER END ***/
}

@media (max-width: 768px) {
	/*** GENERAL ***/
		h1 {
			font-size: 30px;
		}

		h2 {
			font-size: 25px;
		}

		h3 {
			font-size: 20px;
		}

		.call-to-action {
			display: block;
		}

		.call-to-action br {
			display: none;
		}

		.call-to-action .d-table-cell {
			display: block !important;
			width: 100% !important;
		}

		.services .contact-bar {
			display: block;
		}

		.services .contact-bar br {
			display: none;
		}

		.services .contact-bar .d-table-cell {
			display: block !important;
			width: 100% !important;
		}

		.services .contact-bar .button {
			margin-top: 30px;
			display: block;
			text-align: center;
		}

		footer .top a {
			font-size: 11px;
		}
		
		footer .top .address {
		    padding-left: 5px;
		}

		footer .top a br {
			display: none;
		}
	/*** GENERAL END ***/

	/*** HOME ***/
		.front-page-header .banner .overlay h1 br {
			display: none;
		}

		.front-page-header .banner .overlay p {
			font-size: 16px;
		}

		.front-page-header .banner .overlay .button {
			margin-top: 30px;
		}

		.home .who-we-are .img-container,
		.home .what-we-do .img-container {
			width: 100%;
			margin-bottom: 30px;
		}

		.home .who-we-are h2,
		.home .what-we-do h2 {
			text-align: center;
		}

		.home .who-we-are .button,
		.home .what-we-do .button {
			display: block;
			text-align: center;
		}
	/*** HOME END ***/

	/*** ABOUT ***/
		.about .about-us .img-container,
		.about .about-us .img-container {
			width: 100%;
			margin-bottom: 30px;
		}
	/*** ABOUT END ***/

	/*** SERVICES ***/
		.services .service .img-container,
		.services .service .img-container {
			width: 100%;
			margin-bottom: 30px;
		}

		.services .services-list .item {
			background-image: none !important;
			background-color: #131F33;
		}

		.services .services-list .item .overlay {
			padding: 30px;
		}

		.services .services-list .item .overlay img {
			display: block;
		}

		.services .services-list .item .overlay h3 {
			text-align: center;
		}
	/*** SERVICES END ***/
}

@media (max-width: 640px) {
    /*** CONTACT ***/
	    .contact .overlay .left, 
	    .contact .overlay .right {
	        padding: 15px;
	    }
    /*** CONTACT END ***/
    
    /*** REFERRAL ***/
        .referral .right .box {
            padding: 30px 0;
        }
        
        .referral .right .box .download p {
            font-size: 14px;
        }
    /*** REFERRAL END ***/
        
}