/* Site framework */
@media only screen and (min-width: 1200px) {
	.mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large) {display: none !important;}

	.swipe {height: 575px;}

}

/*---------DESKTOP < 1199px---------*/

@media (min-width: 959px) and (max-width:1199px) {
	.mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop) {display: none !important;}

	/*Header*/
	.logo{margin:0;}


	.linkedin{background-position: left center;}
	.byline_menu{text-align: left;}
	.byline_menu li a{font-size: 14px; line-height: 14px;}
	.byline {text-align: center;}

}

/*---------Tablet & Mobile---------*/
@media (max-width:959px){
	.contact-form .denotes{float: none;}

}

/*Gap between tablet and desktop*/
@media (min-width: 960px) and (max-width:991px){
	.col-lg-2{flex: 0 0 16.666667%; max-width: 16.666667%;}
	.col-lg-8{flex: 0 0 66.666667%; max-width: 66.666667%;}
	.col-lg-4{flex: 0 0 33.333333%; max-width: 33.333333%;}
	.col-lg-3{flex: 0 0 25%; max-width: 25%;}
	.col-lg-9{flex: 0 0 75%; max-width: 75%;}
	.container{max-width: 960px;}
}

/*---------TABLET < 959px---------*/

@media (min-width: 768px) and (max-width:959px){
	.mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet) {display: none !important;}
	.tablet-hidden { display:none !important;}

	.content_wrap{margin-top: 100px;}
	

	/*Header*/
	.header_wrap{height: 100px;}
	.header_wrap .login-container{line-height: 100px;}
	.header_wrap .menu-button{margin-top: 40px;}
	.header_wrap .logo{line-height: 100px;}

	/*Footer*/
	.byline_menu{text-align: center;}
	.byline_menu li a{font-size: 14px; line-height: 14px;}
	.byline {text-align: center;}

	.full-width-fix .flex-caption.halign-center { left:0;}
}


/*---------MOBILE < 767px---------*/

@media (max-width: 767px) {

	.tablet:not(.mobile), .desktop:not(.mobile), .desktop-large:not(.mobile) {display: none !important;}


	body{overflow-x: hidden;}
	.frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}

	/*Sticky*/
	.content_wrap{margin-top: 60px;}
	body.sticky .header_wrap{height: initial; transition: ease all .3s;}
	body.sticky .header_wrap .logo{line-height: initial; transition: ease all .3s;}
	body.sticky .header_wrap .logo img{transform: none; transition: ease all .3s;}
	body.sticky .login-container{line-height: initial; transition: ease all .3s;}
	body.sticky .menu-button{margin-top: 0; transition: ease all .3s;}

	.header_wrap { height: 60px; background: #f6f4f4; border: 0;}
	.header_wrap > a{vertical-align: top; display: inline-block !important; line-height: 60px !important; text-align: center;} 
	.header_wrap .logo {margin:0; padding-left: 10px; width: 52%; }
	.header_wrap .logo img {width: 150px;}
	.header_wrap .mobile-login{width: 15%; border-left: 1px solid #e7e5e5; -webkit-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
-moz-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);}
	.header_wrap .mobile-phone { height:60px; width: 15%; background: url(../images/mobile-phone.png) center center no-repeat; border-left: 1px solid #e7e5e5; -webkit-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
-moz-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);}
	.header_wrap .menu-button{width: 15%; margin: 0; position: relative; border-left: 1px solid #e7e5e5; -webkit-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
-moz-box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);
box-shadow: -1px 0px 0px 0px rgba(253,252,252,1);}

	.header_wrap .menu-button img{z-index: 1200; position: relative;}

	.menu_wrap_container{position: relative;}
	.menu_wrap {top: -60px; right: 0; position: absolute; width: 92%;}
	.mainmenu {margin: 0; border: 0; width: 100%; text-align: left; list-style: none; padding: 0; display: none; z-index:1000; float: none; flex-direction: column; height: auto;}
	.mainmenu li {display: block; padding: 0; margin: 0; background: #fff;}
	.mainmenu li a{text-align:left; display: block; color: #49494a; padding: 10px 10px !important; line-height: 20px; font-size: 15px; font-weight: bold; background: none; }
	.mainmenu li ul {position: static; background: none; box-shadow: none;}
	.mainmenu li ul li a{font-size: 14px; font-weight: normal; padding: 0 5px !important;}
	.mainmenu ul {margin: 0px; padding:0; }
	.mainmenu ul li {margin: 0 5px;}

	.mainmenu .close-menu{color: #3366cc; font-weight: normal; padding: 20px 10px !important;}
	.mainmenu .login-container{color: #3366cc; font-size: 14px; padding-left: 20px; background: url(../images/login.png) no-repeat 10px center; margin: 0 10px; padding: 15px 25px;}
	.menu-div {overflow: scroll; overflow-x: hidden; max-height: 290px;}

	.header_wrap .login-container a{background: 0;}

	/*Footer*/

	.top-footer{height: auto; padding-bottom: 0; background: #111;}
	.top-footer .enquire_form{width: 100%; border-radius: 0;}
	.top-footer .send-button .enquire-denotes{position: relative; top: -10px;}
	.top-footer .enquire_form .add-info{margin-bottom: 10px;}
	.top-footer .send-button{margin-top: 0;}

	.footer_wrap{text-align: center; padding: 20px 0; font-size: 12px;}
	.footer_wrap span{font-size: 18px; padding: 15px 0;}

	.footermenu {height: auto; justify-content: center;}
	.footermenu li{}
	.footermenu li a {border: 0;  text-align: center; font-size: 14px; line-height: 30px;}
	.byline_menu{text-align: center;}
	.byline_menu li a{font-size: 14px; line-height: 12px;}
	.byline{text-align: center; padding: 0;}

	iframe {max-width: 310px; height: 240px !important;}


	.caroufredsel_wrapper  { margin-bottom:20px !important; padding-bottom:0;}
	.caroufredsel_wrapper div { max-width:initial !important;}


	.logo {text-align: center;}
	.container_16 div {max-width: 310px;}

	img {max-width: 100%; vertical-align: middle;}


	h1 {font-size: 32px; }
	h2 {font-size: 28px; }
	h3 {font-size: 26px; }
	h4 {font-size: 22px; }
	h5 {font-size: 18px; }
	h6 {font-size: 16px; }

	p {font-size: 14px;}


	.full-width-fix .flex-caption.halign-center {  display: block; width:100%; left:50%; transform: translateX(-50%);}
	.flex-caption {padding:10px;}
	.flex-caption h1 {font-size: 40px; color: #0c234c; font-weight: bold; line-height: 56px;}
	.flex-caption p {font-size: 16px; color: #0c234c; line-height: 20px; }
	.fs-button {margin: 5px;}
	.fs-button a{line-height: 45px;}


}