/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media (min-width: 1199px) {

	.answer-itm-cont {
		float: left;
		width: 75%;
	}
}

@media (max-width: 1199px) {

	canvas {
		max-width: 100%;
		height: auto !important;
	}
	
}
@media (min-width: 768px) {
	.container {
		width: 100%;
	}
	
		.vcenter3,
	.vcenter3a{
		height: 345px;
		vertical-align: middle;
		display: table-cell;
	}
	
	.news-contact h3 {
		margin-bottom: 0px;
		margin-top: 0px; 
		font-size: 24px;
		font-weight: bold;
	}
}

@media (min-width: 992px) {

	
	.mobile, .submenu-trig-btn {
		display: none;
	}
	
	.desktop {
		display: block;
	}
	
	.menu-close, .mobile-menu-cont {
		display: none!important;
	}
	
	.submenu {
		display: block!important;
	}
	
	.container {
		width: 950px;
	}

}
@media (min-width: 992px) and (max-width: 1500px) {
.grid4 .col-md-3 .img-grid > li > a > i {
    font-size: 18px;
    color: #66cc99;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
	
	.header h2 {
		margin-bottom: 30px;
		font-size: 54px;
	}
	
	#wrapper { width: 1000px; }


}


@media (max-width: 991px) {
	
	.hero-title-2 {
    display: block;
    margin-top: -10px;
}
	

	.sticky-header .logo-header-dark.desktop {
		display: none;
	}
	
	.detail .logo-header-dark {
		display: none!important;
	}
	
	.logo-header-dark.mobile {
		display: block!important;
	}
	
	.col4-itm.col-sm-4 {
		width: 32.445%;
	}
	.col8-itm.col-md-8 {
		width: 66.23%;
	}
	
	#footer ul.top-nav-left {
    width: 100%;
}

#footer .top-nav-left li {
    width: 16.666667%;
    text-align: center;
}
	
	
	.primary-menu ul li .search i {
		font-size: 16px!important;
	}
		
	.mobile-nomargin {
		margin-top: 10px!important;
	}
	
	.submenu {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.menu-close, .mobile-menu-cont {
	display: none;
}
	
	.search > div {
    padding-top: 10px!Important;
}
	
	


	#wrapper {
		width: 100%;
		margin: 0;
		box-shadow: none;
	}

	#header.full-header .container,
	.container-fullwidth {
		padding: 0 15px !important;
		margin: 0 auto;
		width: 750px !important;
	}

	.container.vertical-middle { width: 100% !important; }

	.full-screen:not(.force-full-screen) .container.vertical-middle { width: 750px !important; }

	.vertical-middle + .video-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}


	#header,
	#header-wrap{ height: auto !important; }

	#header.sticky-header #header-wrap {
		/* position: relative; */
	}

	#header.transparent-header,
	#header.semi-transparent {
		background: #FFF;
		border-bottom: 1px solid #F5F5F5;
		z-index: auto;
	}

	#header.dark.transparent-header,
	#header.dark.semi-transparent {
		background-color: #333;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	#header.transparent-header.floating-header { margin-top: 0; }

	#header.transparent-header.floating-header .container {
		width: 750px;
		padding: 0 15px;
		border-radius: 0;
	}

	#header.transparent-header + #slider,
	#header.transparent-header + #page-title.page-title-parallax,
	#slider + #header.transparent-header,
	#header.transparent-header.floating-header + #slider {
		top: 0;
		margin-bottom: 0;
	}

	#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; }

	#header-trigger,
	.top-advert,
	.header-extras { display: none; }

	#logo {
		display: block;
		margin: 0 auto 0 !important;
		max-width: none;
		text-align: center;
		border: 0 !important;
		padding: 0 !important;
	}
	#logo a {
		margin-top: 10px;
	}

	#logo a.standard-logo { display: inline-block; }



	.primary-menu > div > ul { margin-top: 60px !important; }

	body:not(.top-search-open) .primary-menu-trigger {
		opacity: 1;
		-webkit-transition: opacity .2s .2s ease, top .4s ease;
		-o-transition: opacity .2s .2s ease, top .4s ease;
		transition: opacity .2s .2s ease, top .4s ease;
	}

	body.top-search-open .primary-menu-trigger { opacity: 0; }






	/* Responsive Sticky Header
	-----------------------------------------------------------------*/

	.sticky-responsive-menu #header {
		min-height: 100px;
		-webkit-transition: min-height .4s ease;
		-o-transition: min-height .4s ease;
		transition: min-height .4s ease;
	}

	.sticky-responsive-menu #header-wrap {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.sticky-responsive-menu #header.sticky-style-2,
	.sticky-responsive-menu #header.sticky-style-3 { min-height: 160px; }

	.sticky-responsive-menu.device-touch #header,
	.sticky-responsive-menu.device-touch #header-wrap,
	.sticky-responsive-menu.device-touch #logo,
	.sticky-responsive-menu.device-touch #logo img,
	.sticky-responsive-menu.device-touch #top-search a,
	.sticky-responsive-menu.device-touch .primary-menu-trigger,
	.sticky-responsive-menu.device-touch #top-cart,
	.sticky-responsive-menu.device-touch #side-panel-trigger {
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}

	#header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3) { min-height: 60px; }

	.responsive-sticky-header #header-wrap {
		z-index: 199;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
		border-bottom: 1px solid #EEE;
		-webkit-backface-visibility: hidden;
	}

	.responsive-sticky-header #logo,
	.responsive-sticky-header #logo img { height: 60px; }

	.responsive-sticky-header .primary-menu-trigger { top: 5px; }

	.responsive-sticky-header .primary-menu > ul,
	.responsive-sticky-header .primary-menu > .container > ul {
		max-height: 300px;
		overflow-y: scroll;
		margin-bottom: 20px;
	}

	.responsive-sticky-header .primary-menu > ul,
	.responsive-sticky-header .primary-menu > .container > ul { margin-bottom: 20px !important; }

	.responsive-sticky-header #top-search a,
	.responsive-sticky-header #top-cart,
	.responsive-sticky-header #side-panel-trigger { margin: 20px 0; }

	.responsive-sticky-header #top-search form { height: 60px !important; }

	.responsive-sticky-header #top-cart .top-cart-content { top: 40px; }


	.ei-slider { height: 350px; }

	.ei-title h3 { display: none; }

	
	.modal-body {
		position: relative;
		padding: 15px;
		float: left;
		width: 80%;
		margin-left: 10%;
	}
	.modal-content {
		border-radius: 0px;
		float: left;
		width: 100%;
	}
	
	.menu-trigger .mobile {
		padding-left: 10px!important;
	}
	
	.logo-header-dark.mobile {
		background: #000;
		padding-bottom: 10px;
	}
	
	.logo-header-dark.mobile .logo-psc img {
		height: 30px;
		margin-top: 15px;
		margin-right: 0px;
	}
	.logo-header-dark.mobile  .logo-psc {
		float: right;
		display: table-cell;
		vertical-align: bottom;
		height: 55px;
		position: relative;
		width: 36%;
	
	}
	.logo-header-dark.mobile .logo-psc a {
		position: absolute;
		display: block;
		bottom: 0px;
		right: 0px;
		text-align: right;
	}
	
	.logo-header-dark.mobile .logo-pin img {
			margin-left: 0px;
	}
	#header-wrap .container.menu {
		padding: 0px;
	}
		#footer .top-nav-left, #footer .top-nav-right {
		width: 100%;
	}
	#footer .top-nav-right li {
		width: 20%;
		text-align: center;
	}
	.perspective .news-contact-cont {
		height: 345px;
		background-size: cover;
		background-position: right bottom;
	}
	
	.col1-l {
		background-image: url(../images/plus.svg);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: calc(100% - 20px) 35px;
	}
	
	.html-cont iframe {
		border: none !important;
		min-height: 400px;
		height: auto;
	}
	
	.map_cont iframe {
		border: none !important;
		min-height: 482px;
		height: 482px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {

	#megamenu .info-menu .button {
		font-size: 13px;
	}
	.hero-cont-text-small h2 {
    font-size: 25px;
    padding: 0px 10px;
	}
	
	.hero-cont-text h2 {
		font-size: 58px;

	}
	
	.hero-cont-text h3 {
		font-size: 58px;

		margin-top: -8px;
	}
	
	.logo-hero.desktop {
		display: block;
	}
	
	.logo-header-dark.mobile {
		display: none!important;
	}
	
	.detail .logo-header-dark.desktop {
		display: block!important;
	}
	
	.sticky-header .logo-header-dark.desktop {
		display: block;
	}
	
}



@media (max-width: 767px) {
	
	.vcenter,
	.vcenter2,
	.infographics .news-contact-cont{
		height: 280px;
	}
	


	
	#footer .top-nav-left {
		width: 100%;
	}
	
	#footer .top-nav-left li {
		width: 100%;
		text-align: center;
	}
	
	.col3, .col2 {
		margin-top: 0px;
	}
	
	.col4-itm,
	.col8-itm {
		margin-bottom: 10px;
	}
	
	.col8-itm .hero-cont-text-small {
		left: 10px;
		width: calc(100% - 20px);
		height: 255px;
	}

	.col4-itm.col-sm-4 {
		width: 100%;
	}
		.col4-itm.col-md-4 {
		width: 100%;
	}
	.hero-cont-text {
		position: absolute;
		bottom: 0px;
		left: 25px;
		margin-bottom: 40px;
		width: 100%;
		text-align: center;
	}
		
		.right .button {
			float: left;
		}
	
	.hero-cont-text {
		width: 100%;
		text-align: center;
		left: 0px;
	}
	
	.news-text {
		width: 100%;
	}
	.hero-cont {
		height: 440px;
		margin-bottom: 10px;
		background-size: cover;
	}
	.hero-cont .col-md-12 {
		height: 440px;
	}

	body { padding: 0 !important; }

	#wrapper { width: 100% !important; }

	.container-fullwidth {
		margin: 0 auto;
		padding: 0 15px !important;
	}

	h1 { font-size: 28px; }

	h2 { font-size: 24px; }

	h3 { font-size: 20px; }

	h4 { font-size: 16px; }

	

	.title-block {
		padding: 2px 0 3px 15px;
		border-left-width: 5px;
	}

	.title-block-right {
		padding: 2px 15px 3px 0;
		border-right-width: 5px;
	}
	
	.footer-menu li {
		padding: 5px 0px;
		width: 100%;
	}
	
.modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
	margin-left: auto;
}
.modal-content {
    border-radius: 0px;
    float: left;
    width: 100%;
}

.hero-cont-text h2 {
    font-size: 48px;
    text-align: center;
}

.hero-cont-text h3 {
    font-size: 48px;
    text-align: center;
	margin-top: -8px;
}
.col4-itm, .col8-itm {
    height: 470px;
    margin-left: 0px; 
    margin-right: 0px; 
}
.col8-itm.col-md-8 {
    width: 100%;
}
.col1-itm {
    height: auto;
    background-position: 50% 0px;
    float: left;
    background-size: 220px auto;
	width: 100%;
}
.col1-cont-text {
    float: left;
    width: 100%;
    margin-top: 200px;
	
}

.col1-l {
    float: left;
    width: 100%;
    text-align: center;
	height: auto;
    display: block;
    vertical-align: middle;
}
.col1-r {
    float: right;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
		height: auto;
    display: block;
    vertical-align: middle;
}

.col1_2_v {
    height: auto;
    display: block;
    vertical-align: middle;
    text-align: center;
}
.border-contact {
    border-left: 0px;
    height: auto;
    background: #333;
    padding: 10px 15px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}
.news-contact-cont {
    height: 340px;
}
.news-contact p {
    margin-bottom: 20px;
}

.mobile-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    margin-left: -15px;
    padding: 0px;
    margin-right: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
	border-top: 1px solid #fff;
}
p.info-txt.center {
    margin-top: 0px;
    text-align: center!important;
    width: 100%!important;
}

.detail h2 {
    font-size: 38px;
    font-weight: normal;
    margin-bottom: 30px;
}
.detail h3 {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 35px;
}

.perspective h2 {
    font-size: 30px;
}

.news-contact-cont h3 {
	color: #333;
}
.news-contact h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}
a.social-icon {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.news-contact p {
    font-size: 18px;
}

.infographics .news-contact-cont p {
		font-size: 14px;
	}

.news-vid-img-cont {
    height: auto;
    padding: 40px 0px;
}
.videoWrapper {
    margin-top: 20px;
}
.news-imagesl-cont {
    height: auto;
}

.col1-l {
    background-size: 35px;
    background-position: 80% -0px;
}

.col1-l .news-category {
    margin-bottom: 15px;
}
}

@media (max-width: 730px) {
	div.kesearchbox {
		margin: 0px 0 0px 0;
		float: left;
		width: 100%;
	}
	.submitbutt {
		float: left;
	}
}
@media (max-width: 580px) {

	.vcenter,
	.vcenter2,
	.infographics .news-contact-cont{
		height: 210px;
		vertical-align: middle;
	}
}
@media (max-width: 420px) {
	.perspective .news-contact-cont {
		height: 545px;
		background-size: cover;
		background-position: right bottom;
	}
	.vcenter,
	.vcenter2,
	.infographics .news-contact-cont{
		height: 150px;
		vertical-align: middle;
	}
	
	.news-contact-cont {
		height: 500px;
		background-size: inherit;
		background-repeat: no-repeat;
	}
	.news-vid-img-cont img {
		max-height: 204px;
		max-width: 100%;
		width: auto;
		height: auto;
	}
}

@media (max-width: 380px) {
	.vcenter,
	.vcenter2,
	.infographics .news-contact-cont{
		height: 130px;
		vertical-align: middle;
	}
	.infographics .news-contact-cont p {
		font-size: 12px;
	}
	.vcenter2 {
		padding: 0px 0px;
	}
}