/* Large Screens */

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1440px) {
	#footer .top:before {
		background-size: 1440px 100%;
	}
}

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#mainWrapper {
		padding-top: 334px;
	}

	#header .middle .section {
		height: 240px;
	}

	#header .middle .logo {
		width: 320px;
	}
	
	#header #navigation ul li {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#header .login .dropdown {
		padding: 25px 30px;
	}
	
	#header .login .dropdown .title {
		font-size: 26px;
	}

	#intro .opening {
		max-width: 670px;
	}

	#intro .info .image {
		width: 450px;
		margin-right: 30px;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#footer .top .section {
		padding-top: 125px;
		padding-bottom: 90px;
		min-height: 460px;
	}

	#footer .top .logo {
		width: 360px;
		margin-left: -230px;
		top: 85px;
	}
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#mainWrapper {
		padding-top: 248px;
	}

	body.scrolled #mainWrapper {
		padding-top: 268px;
	}
	
	#header .top .loginBtn {
		font-size: 17px;
	}

	#header .middle .section {
		height: 160px;
	}

	#header .middle .logo {
		width: 220px;
	}

	#header #navigation ul li {
		margin-left: 8px;
		margin-right: 8px;
		font-size: 16px;
	}

	#header .bottom .section {
		height: 44px;
	}

	#header .top .contacts li {
		margin-right: 15px;
	}

	#header .top .socials {
		margin-left: 4px;
	}

	#intro .section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	#intro .opening {
		max-width: 570px;
	}

	#intro .info .image {
		border-width: 5px;
		width: 280px;
		margin-right: 25px;
	}

	#intro .info .text .welcome {
		font-size: 24px;
	}
			
	#content .section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	#header .bottom:before,
	#header .bottom:after {
		height: 2px;
	}

	.heading {
		font-size: 38px;
	}
	
	#interest .section {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#footer .top .section {
		padding-top: 90px;
		padding-bottom: 50px;
		min-height: 375px;
	}

	#footer .top .logo {
		width: 293px;
		margin-left: -196px;
		top: 86px;
	}

}

/* Extra Small Screens */
@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}

	#menuBtn span {
		background: #666666;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 0;
		transition: -webkit-transform .4s ease;
		-webkit-transition: -webkit-transform .4s ease;
		-o-transition: transform .4s ease;
		transition: transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s ease;
	}
	
	#header .top {
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(193,161,82,1)),color-stop(10%, rgba(199,170,91,1)),color-stop(36%, rgba(226,208,130,1)),color-stop(47%, rgba(232,217,139,1)),color-stop(53%, rgba(232,217,139,1)),color-stop(62%, rgba(228,211,133,1)),color-stop(90%, rgba(199,170,91,1)),to(rgba(193,161,82,1)));
		background: -o-linear-gradient(left,  rgba(193,161,82,1) 0%,rgba(199,170,91,1) 10%,rgba(226,208,130,1) 36%,rgba(232,217,139,1) 47%,rgba(232,217,139,1) 53%,rgba(228,211,133,1) 62%,rgba(199,170,91,1) 90%,rgba(193,161,82,1) 100%);
		background: linear-gradient(to right,  rgba(193,161,82,1) 0%,rgba(199,170,91,1) 10%,rgba(226,208,130,1) 36%,rgba(232,217,139,1) 47%,rgba(232,217,139,1) 53%,rgba(228,211,133,1) 62%,rgba(199,170,91,1) 90%,rgba(193,161,82,1) 100%);
	}

	#header {
		position: static;
	}

	#header #navigation {
		display: none;
	}

	#header .middle .logo,
	body.scrolled #header .middle .logo {
		width: 185px;
		margin: -18px 0 0;
	}

	#header .middle .section,
	body.scrolled #header .middle .section {
		height: 170px;
	}

	#header .bottom .section,
	#header .bottom:before, #header .bottom:after {
		height: 4px;
	}
	
	#header .top {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .login .dropdown .title {
		font-size: 23px;
	}
	
	#header .login .dropdown .field {
		margin-bottom: 17px;
	}
	
	#header .login {
		position: relative;
		display: block;
		width: 100%;
	}
	
	#header .login .toggleBtn {
		width: 100%;
	}
	#header .login .dropdown {
		width: 100%;
		padding: 20px 15px;
	}

	#intro .section {
		padding-top: 25px;
		padding-bottom: 50px;
		text-align: center;
	}

	#intro .opening {
		max-width: 400px;
		margin-bottom: 25px;
	}

	#intro .info {
		display: block;
	}

	#intro .info .image {
		margin: 0 auto 20px;
		border-width: 3px;
	}

	#intro .info .text .heading {
		text-align: center;
	}

	#intro .info .text .welcome {
		padding-left: 0;
		margin-bottom: 35px;
		font-size: 30px;
	}

	#intro .info .text .welcome:before{
		left: 50%;
		margin-left: -1.03448275862069em;
		bottom: -20px;
		top: auto;
		height: 4px;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#video .section {
		padding-top: 40px;
	}

	#video .videoWrap {
		margin-top: 25px;
	}

	#interest .section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#interest .text .heading {
		margin-bottom: 17px;
	}

	#interest .text .linkBtn {
		margin-top: 10px;
	}

	#footer .top .section {
		min-height: 1px;
		display: block;
		padding-top: 60px;
		padding-bottom: 30px;
		text-align: center;
	}

	#footer .top .logo {
		display: block;
		position: static;
		margin: 0 auto 30px;
		width: 270px;
	}

	#footer .top .quickLinks ul.links li {
		margin-bottom: 18px;
	}

	#footer .top .contactUs {
		margin-left: 0;
		width: auto;
	}
	
	#footer .bottom {
		font-size: 12px;
	}
	
	#footer .top .contactUs .socials {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

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

}

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