/*
Theme Name: Eagle
Theme URI: http://wordpress.org/
Author: the WordPress team
Author URI: http://wordpress.org/
Description: 
Version: 1.0
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: eagle

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: 'book_antiquabold';
    src: url('fonts/antquab_bold-webfont.eot');
    src: url('fonts/antquab_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antquab_bold-webfont.woff2') format('woff2'),
         url('fonts/antquab_bold-webfont.woff') format('woff'),
         url('fonts/antquab_bold-webfont.ttf') format('truetype'),
         url('fonts/antquab_bold-webfont.svg#book_antiquabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'times_new_romanitalic';
    src: url('fonts/timesi-webfont.eot');
    src: url('fonts/timesi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/timesi-webfont.woff2') format('woff2'),
         url('fonts/timesi-webfont.woff') format('woff'),
         url('fonts/timesi-webfont.ttf') format('truetype'),
         url('fonts/timesi-webfont.svg#times_new_romanitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{margin:0; padding:0; border:none; list-style:none; text-decoration:none; outline:none;}
body{font-size:14px;font-family: 'Open Sans', sans-serif; line-height:24px;}

.wrapper{ width:100%; max-width:1170px; margin:0 auto;}
h1{font-size:60px; font-family: 'Open Sans', sans-serif;text-transform:uppercase;line-height:55px; font-weight:600; z-index:1; position:relative; }
h2{margin:0px 0px 20px 0px; font-size:40px; text-transform:capitalize;line-height:55px;  font-family: 'book_antiquabold';text-align:center; color:#000096; z-index:1; position:relative;}
h3{font-size:30px;  font-family: 'times_new_romanitalic'; text-transform:uppercase;z-index:1; position:relative;}
h4{ font-size:18px; line-height:24px; color:#000096;font-family: 'Open Sans', sans-serif; text-transform:capitalize;}
h5{font-size:16px; color:#303030;font-family: 'Open Sans', sans-serif; font-weight:700;}
h6{ margin:0px 0px 34px 0px; font-size:14px; color:#ffffff; line-height:24px;font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
a{ transition: all 300ms linear; -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear;}
   
/*top*/
.flipbook-page3 canvas { left:0; }
.real3dflipbook-1 { height: 600px !important;}
.top { float:left; width:100%; padding:7px 0px;}
.top-contact-details { float:left; width:auto;}
.top-contact-details li{ float:left; width:auto; border-right:2px solid #7c7c7c; padding-right:4px; margin-right:6px; line-height:18px;}
.top-contact-details li:last-child { border:none;}
.top-contact-details li a{ float:left; width:auto; position:relative;color:#4c4c4c; font-weight:bold;padding-left: 17px;}
.top-contact-details li .top-phone:before{ position:absolute;font-family: 'FontAwesome'; content: "\f095"; left:0px; top:1px; color:#304fcc; }
.top-contact-details li .top-email:before{position:absolute;font-family: 'FontAwesome'; content: "\f0e0";left:0px; top:0px;color:#304fcc;}
.top-contact-details li .top-toll-free:before{position:absolute;font-family: 'FontAwesome'; content: "\f095";left:0px; top:1px;color:#304fcc; }
	
/*header*/
.header { float:left; width:100%;background: linear-gradient(#2835c1, #4da9f2);padding: 8px 0 8px;}
.logo { float:left; width:auto; animation-name: example;}
.logo img { float:left; width:auto; }
.header-menu { float:right; width:auto;padding:36px 0px;}
.header-menu li { float:left; width:auto; position:relative;    margin-left: 34px;}
.header-menu li a { float:left; width:auto; color:#ffffff; font-size:13px; line-height:18px; text-transform:uppercase;}
.header-menu li:first-child { padding-left:16px;}
.header-menu li:first-child:before{position:absolute;font-family: 'FontAwesome';content: "\f015"; left:0px; top:-3px; color:#fff; }
.header-menu li a:hover,.header-menu li:first-child:hover:before{color:#f40b11; cursor:pointer;}
.top-contact-details li a:hover{color:#000096;}
.header-menu li.current_page_item a { color: #F40B11;}
.header-menu li.current_page_item:first-child:before { color:#F40B11;}
.header-menu li:first-child:hover a { color: #F40B11;}
.menu_icon{float:left; width:100%;text-align:center; display:none;}
.hover_menu{float:right; width:auto; position:relative;}
/*slider*/
.slider-box { float:left; width:100%; height:438px;}
.flexslider { border:none !important; margin:0px !important;}
.production_installation{ 
	float:left; 
	width:100%; 
	background:url(images/banner-original-bg.jpg) center no-repeat ; 
	padding:102px 0px; 
	background-size:cover; 
	position:relative;
}
.production_installation:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:block; content:'';}
.production_installation h3{ text-align:center; color:#ffffff;letter-spacing: 7px; font-weight:normal;}
.production_installation h1{ text-align:center; padding: 23px 0px 78px; color:#ffffff; letter-spacing:26px;}
.click-here {float:left; width:100%; text-align:center; text-transform:uppercase;z-index:1; position:relative;}
.click-here a{ float:none; width:auto; border:1px solid #ffffff; padding:14px 44px; display:inline-block; color:#ffffff; font-size:16px;}
.click-here a:hover{ border-color:rgba(156,7,11,0.8);background:rgba(156,7,11,0.8);}
.slider-box .flex-direction-nav .flex-prev,.slider-box .flex-direction-nav .flex-next { position:relative; font-size:0px;}
.slider-box .flex-direction-nav .flex-prev:before{ height: 100%;width: 100%;position: absolute;left: 0;top: 32px;content: "\f104";color: #FFF;font-size: 60px;font-family: "FontAwesome";background-size: cover;text-align: center;}
.slider-box .flex-direction-nav .flex-next:before{  height:100%; width:100%;position:absolute; right:0px; top:32px;content: "\f105"; color:#ffffff; font-size:60px;font-family: 'FontAwesome'; background-size:cover; text-align:center;}
.slider-box .flex-control-nav { bottom:17px !important;}
.slider-box .flex-control-paging li a { background:#ffffff; width:15px; height:15px;}
.slider-box .flex-control-paging li a.flex-active{ background:#000096;}
.slider-box .flex-control-paging li a:hover{ background:#000096;}
.slider-box .flex-direction-nav .flex-prev { float:left; width:87px;top:-256px; left:30px; height:95px;background:rgba(87,87,87,.6); text-align:center; position:relative;}
.slider-box .flex-direction-nav .flex-next  {float:right; width:87px; top:-256px; right:30px; height:95px;background:rgba(87,87,87,.6); text-align:center; position:relative;}
.flexslider:hover .flex-direction-nav .flex-prev { left:30px !important;}
.flexslider:hover .flex-direction-nav .flex-next{ right:30px !important;}
.slider-box .flex-direction-nav .flex-prev:hover,.slider-box .flex-direction-nav .flex-next:hover{ background:rgba(156,7,11,0.8);}

/*well-come-to-our-site*/
.well-come-to-our-site { float:left; width:100%; text-align:center; padding:77px 0px 84px;}
.well-come-to-our-site p {display: inline-block;float: none;width: 67%;}
.well-come-to-our-site h2 { color:#000096;font-family: 'book_antiquabold';}

/*tradeshow*/
.tradeshow { float:left; width:100%; text-align:center;}
.contact-us { float:left; width:100%;}
.tradeshow h2,.contact-us h2 { padding:16px 0px; border-bottom:1px solid #9c070b; margin:0px; float:left; width:100%; text-align:center;}
.tradeshow-containt { float:none; display:inline-block; width:auto; padding-bottom:50px;}
.tradeshow-containt h5 { float:left; width:100%;margin: 16px 0 0;}
.tradeshow-containt h4 { float:left; width:auto; border-bottom:1px solid #9c070b; text-align:left;padding-bottom: 10px;}
.right-containt{ float:none; width:auto; display:inline-block; margin-top:32px;}
.right-containt .img-box { float:left; width:43%; border:1px solid #ebebeb; border-radius:10px; position:relative; padding: 12px 0;box-sizing: border-box;}
.right-containt .img-box:after { position:absolute; right:-68px; content:''; background:url(images/right-idicator.png) center no-repeat; height:200px; width:50px; }
.right-containt .shows-details { float:left; width:50%; box-sizing:border-box;padding-left: 104px;color: #000000;}
.right-containt .shows-details h5 { text-align:left;}
.right-containt .shows-details p { float:left; width:100%; text-align:left;}
.left-containt { float:none; width:auto; display:inline-block; margin-top:10px; margin-top:32px;}
.left-containt .img-box { float:right; width:50%;margin-left: 17px; border:1px solid #ebebeb; border-radius:10px; position:relative; padding: 12px 0;box-sizing: border-box;}
.left-containt .img-box a,.right-containt .img-box a { float:none; width:auto; display:inline-block;}
.left-containt .img-box a img,.right-containt .img-box a img{ float:left; width:281px; height:203px;}
.left-containt .img-box:before { position:absolute; left:-67px; content:''; background:url(images/LEFT-INDICATOR.png) center no-repeat; height:200px; width:50px;}
.left-containt .shows-details { float:left; width:48%; box-sizing:border-box;color: #000000;}
.left-containt .shows-details h5 { text-align:left;}
.left-containt .shows-details p { float:left; width:100%; text-align:left;}

/*contact-containt*/
.contact-containt { float:left; width:100%; padding:56px 0px 58px;}
.info-box { float:left; width:100%;margin-bottom:24px;}
.left-box,.right-box { float:left; width:50%; }
.info-box h4,.right-box h4 { font-size:26px; font-weight:700; color:#090998; padding-bottom:8px;}
.phn-detail{ float:left; width:100%; padding-left:35px; box-sizing:border-box;}
.postal-address { float:left; width:100%; padding-left:35px; box-sizing:border-box; padding-top:35px;color:#000000;line-height:24px;}
.postal-address span{font-weight:600;}
.phn-detail li { float:left; width:100%; color:#000000; font-weight:600;line-height:24px;}
.phn-detail li a {  width:auto; font-size:16px;color:#000000; font-weight:normal; padding-left:5px;}
.info-box p {  padding-left:35px; box-sizing:border-box; }
.postal-address p { padding-left:0px;}
.input-box { float:left; width:50%;margin-top:29px;}
.input-box:nth-child(2) { float:left; width:50%; box-sizing:border-box; padding-right:24px;}
form label { float:left; width:100%; color:#000000; font-size:16px; text-transform:capitalize; margin-bottom:10px;}
.input-box input[type="text"], .input-box input[type="email"] { border:1px solid #afb8b9; border-radius:5px; float:left; width:100%; padding:13px 20px; box-sizing:border-box;}
.input-box input[type="text"]:focus, .input-box input[type="email"]:focus, .msg-box:focus{ border:1px solid #0a0a98;}
.msg-box{border:1px solid #afb8b9; border-radius:5px; width:100%;}
.map { float:left; width:100%;}
.input-field .other-label { clear:both;}
.catalogue-form p:nth-child(2) { margin:10px 0px;}
.protected .post-password-form { float:left; width:100%;}
.protected .post-password-form label { float:none; width:auto; display:inline-block;}
.protected .post-password-form input[type="password"] {border:1px solid #afb8b9; border-radius:5px; float:none; display:inline-block; width:auto; padding:5px 20px; box-sizing:border-box;}
.protected .post-password-form input[type="submit"] { background:#000096; color:#ffffff;padding: 5px 20px; cursor:pointer; margin-left:20px;}
.protected .post-password-form input[type="submit"]:hover,.submit-btn:hover { background:#f40b11;transition: all 300ms linear;}
.protected .post-password-form p { float:left; width:100%; text-align:center; margin:20px 0px;}
.protected .post-password-form p:nth-child(2) { margin:10px 0px;}
.cont-info { float:left; width:100%;}

/*catalogue*/
.contact-us-containt,.click-to-login { float:left; width:100%; text-align:left;}
.click-to-login a { color:#FF0000; float:left; font-size:16px; width:100%; font-weight:600;}
.contact-us-containt { padding-bottom:40px;}
.contact-us-containt strong{ margin:20px 0px; float:left; width:100%;}
.click-to-login p { float:left; width:100%;}
.click-to-login { margin:20px 0px;}
.contact-us-containt h4{ color:#000;}
.input-field { float:left; width:100%; margin-bottom:27px;}
.input-field label { float:left; width:21%;}
.input-field label:nth-child(2){ float:right; width:auto;}
.input-field input[type="text"],.input-field input[type="email"]{ float:left; width:30%;border:1px solid #afb8b9; float:left; margin-left:20px; padding: 7px 0 7px 10px; }
.submit-btn/*,.wpcf7-form-control.wpcf7-submit*/ {text-transform:uppercase; background:#000096; color:#fff; padding:10px 30px;font-family: 'Open Sans', sans-serif; cursor:pointer;margin-top:20px;}
.radio-input { float:left;margin-top: 7px;}
.drop-down { float:left; width:20%;border:1px solid #afb8b9; float:left; margin-left:20px; padding: 7px 0 7px 10px; }
.input-field input[type="text"]:focus { border:1px solid #000096;}
.click-to-login a:hover {color:#b30000;}
.contact-us-containt p img { margin-top:20px; margin-bottom:20px;}
.input-field .wpcf7-not-valid-tip {box-sizing: border-box;position: absolute;right:145px;top: 45px; width: 219px;}
.flipbook-bookLayer { margin-top:60px;}
.flipbook-main-wrapper { margin-top:20px;}
/*footer*/
.footer { float:left; width:100%; background:#1f1f1f;padding-top:66px;}
.about-us { float:left; width:33.3%; color:#747474; font-size:12px;padding-right: 56px; box-sizing: border-box;}
.about-us h6 { float:left; width:100%;}
.about-us p { line-height:20px; float:left; width:100%;}
.footer-company-box { float:left; width:100%; line-height:38px;}
.about-us h6{ margin: 20px 0 21px;float:left;}
.footer-company-box a {color:#747474; font-size:12px; text-transform:uppercase; float:left; width:auto;}
.input-info { position:relative; width:100%; float:left;border:1px solid rgba(38,38,38,1);}
.enter-mail { border:1px solid #262626;float:left; width:69%; background:rgba(38,38,38,1); color:#747474; text-transform:uppercase; padding:21px 20px 21px 21px;}
.email-icon{ cursor:pointer !important; margin-top:0px !important; background:rgba(38,38,38,1) url(images/Untitled-1.jpg) center no-repeat !important; font-size:0px; position: absolute; right: 0px;top: 0px;padding: 30px 30px 29px !important; background-size:16px !important;}
.footer-contact { float:left; width:100%; line-height:28px;}
.footer-contact li { float:left; width:100%; margin-bottom:7px; position:relative;padding-left: 18px;}
.footer-contact li a{width:auto;color:#747474; font-size:12px; padding-left: 5px;}
.footer-contact .address:before{ position:absolute;font-family: 'FontAwesome'; content: "\f041"; left:0px; top:0px; color:#ffffff; }
.footer-contact .phone:before{ position:absolute;font-family: 'FontAwesome'; content: "\f095"; left:0px; top:0px; color:#ffffff; }
.footer-contact .fax:before{ position:absolute;font-family: 'FontAwesome'; content: "\f1ac"; left:0px; top:0px; color:#ffffff; }
.footer-contact .phone:before{ position:absolute;font-family: 'FontAwesome'; content: "\f095"; left:0px; top:0px; color:#ffffff; }
.footer-contact .fax:before{ position:absolute;font-family: 'FontAwesome'; content: "\f1ac"; left:0px; top:0px; color:#ffffff; }
.footer-company-box a:hover,.footer-contact li a:hover,.phn-detail li a:hover{ color:rgba(156,7,11,1);}
.input-info:hover { border:1px solid rgba(156,7,11,0.8);}
.input-info:hover .email-icon{ background:rgba(156,7,11,0.8) url(images/footer-mail-subscription.png) center no-repeat !important;transition: all 300ms linear;background-size:16px !important;}
/*.email-icon:hover { background:#f40b11 url(images/footer-mail-subscription.png) center no-repeat !important;transition: all 300ms linear;}*/
.footer-copy-rights { float:left; width:100%; text-align:center; background: linear-gradient(#2835c1, #4da9f2); padding:24px 0px; color:#b9dfff;font-size:12px;margin-top: 76px;}
.wpcf7-validation-errors,.wpcf7-not-valid-tip{float: left;}
@media (min-width:992px) and (max-width:1240px)
{
	.wrapper{ width:90%;}
	.left-containt .img-box { width:48%;}
	.input-box { margin-bottom:0px;}
	.input-box input[type="text"], .input-box input[type="email"] { margin-bottom:10px;padding: 8px 20px;}
	.input-field label { width:26%;}
	.input-field .wpcf7-not-valid-tip {box-sizing: border-box;left:6px;position: absolute;right: 47%;top: 19px;width: 219px;}
	.input-field input[type="text"], .input-field input[type="email"] { width:30%;}
}
@media (min-width:768px) and (max-width:991px)
{
	.wrapper{ width:90%;}
	.logo{ width:37%;}
	.logo img { width:90%;}
	.header-menu { padding:27px 0px;} 
	.production_installation h1 { font-size:50px;}
	.slider-box .flex-direction-nav .flex-prev,.slider-box .flex-direction-nav .flex-next {height: 84px;width: 61px;}
	.slider-box .flex-direction-nav .flex-prev::before,.slider-box .flex-direction-nav .flex-next::before  { font-size:40px;}
	.about-us { padding-right: 26px; width:50%;}
	.left-containt .img-box {width: 46%;}
	.left-box, .right-box { width:100%; float:left;}
	.right-box { margin-top:50px;}
	.cont-info {float: left;height: 146px;overflow: scroll;width: 100%;}
    .info-box {float: left;margin-bottom: 24px;width: 50%; min-height:196px;padding-left: 10px;box-sizing: border-box; margin-bottom:20px; }
	.info-box:last-child { min-height:auto;}
	.phn-detail,.postal-address,.info-box p { padding-left:0px; float:left; width:100%;}
	.phn-detail li a { font-size:15px;}
	.enter-mail {width: 74%;}
	.input-field .wpcf7-not-valid-tip {box-sizing: border-box;left:6px;position: absolute;right: 47%;top: 19px;width: 219px;}
	.input-field input[type="text"], .input-field input[type="email"] { width:30%;}
}
@media (min-width:320px) and (max-width:767px)
{
	.wrapper{ width:90%;}
	h2{ font-size:28px;}
	.top {float: left;padding: 7px 0 2px;text-align: center;width: 100%;}
	.top-contact-details,.logo img,.header-menu li,.footer-company-box a{display: inline-block;float: none; width: auto;}
	.input-info {display: inline-block;float: none; width: auto;}
	.logo,.header-menu,.footer-contact { float:left; width:100%; text-align:center; padding-right:0;}
	.about-us{ float:left; width:100%; padding-right:0;}
	.well-come-to-our-site{ padding: 57px 0 64px;}
	.footer-contact li { text-align:left; box-sizing: border-box;}
	.production_installation { padding: 50px 0px;}
	.slider-box { height:283px;}
	.right-containt .img-box,.left-containt .img-box { float:left; width:100%; padding-left:0px; margin-left:0px; }
	.right-containt .shows-details {float:left; width:100%; padding-left:0px;margin-top:95px;}
	.right-containt .img-box::after{transform: rotate(90deg); top:172px; left:45%;}
	.left-containt .img-box::before {transform: rotate(90deg); top:172px; left:45%; top: -138px;}
	.left-containt .shows-details { margin-bottom:95px; float:left; width:100%;}
	.right-box,.left-box,.input-box,.input-box:nth-child(2)  { width:100%; float:left; margin-bottom:0; margin-top:0; padding-right:0;}
	.phn-detail{ float:left; width:65%; padding-top:0; padding-left:0px;}
	.postal-address { float:left; width:35%; padding-top:0; padding-left:0px;}
	.info-box h4, .right-box h4 { padding-bottom:22px; font-size:20px;}
	.info-box { margin-bottom:60px;}
	.info-box p { padding-left:0px;}
	.contact-us-containt p img{ width:50% !important;}
	.input-field label { font-size:14px; width:26%;}
	.input-field input[type="text"], .input-field input[type="email"] {width:46%;}
	.drop-down { width:48%;}
	.hover_menu {float: left;position: relative;width: 100%;}
	.input-field .wpcf7-not-valid-tip {box-sizing: border-box;margin-left: 20px; position:relative; right: 3px;top: 0px;width: 214px;}
	.production_installation h1 {color: #ffffff;letter-spacing: 14px;padding: 24px 0px 62px;text-align: center; font-size:34px;}
	.slider-box .flex-direction-nav .flex-prev,.slider-box .flex-direction-nav .flex-next { top:-189px;}
	.slider-box .flex-direction-nav .flex-prev,.flexslider:hover .flex-direction-nav .flex-prev { left:2px !important;}
	.slider-box .flex-direction-nav .flex-next,.flexslider:hover .flex-direction-nav .flex-next { right:2px !important;}
	.slider-box .flex-direction-nav .flex-prev::before,.slider-box .flex-direction-nav .flex-next::before { font-size:40px;}
	.footer { padding-top:40px;}
	.footer-copy-rights { margin-top:40px;}
}
@media (min-width:320px) and (max-width:499px)
{
	.wrapper{ width:90%;}
	.header-menu li { margin-left:2px;}
	.header-menu li a { font-size:12px;}
	.logo img { width:100%;}
	.header-menu li,.header-menu li:first-child { float:left; width:100%; text-align:center; margin:0; padding-left:0; border-top:1px solid #ffffff; background:rgba(156,7,11,0.9);}
	.header-menu li:first-child:first-child { border:none;}
	.header-menu li:first-child:before { content:none;}
	.header-menu li a{ float:none; width:100%; display:inline-block;padding: 10px 0px;}
	.production_installation { padding: 50px 0px;}
	.production_installation h1 {font-size: 24px;letter-spacing: 4px;padding: 10px 0 29px;}
	.slider-box .flex-direction-nav .flex-prev,.slider-box .flex-direction-nav .flex-next{top: -152px;width: 50px; height:70px;}
	.click-here a { font-size:12px; padding: 7px 42px;}
	.slider-box .flex-control-nav {bottom: 5px !important;}
    .phn-detail { width:100%;}
	.postal-address { margin-top:40px; width:100%;}
	.phn-detail li a,.phn-detail li { font-size:14px; float:left; width:100%;}
	.header-menu { display:none; float: left;padding: 0;position: relative;top: 8px;width: 100%;}
	.menu_icon {display: inline-block;left:0;position: absolute;top: -30px; width: 100%;}
	.menu_icon:after {top:-18px;font-family: 'FontAwesome';content: "\f0c9"; color:#F40B11; font-size:24px; position: absolute; text-align: center; right:12px;}
	.hover_menu{float:left; width:100%; position:relative; text-align:center;}
	.logo {float: left;width: 75%; box-sizing:border-box; padding-left:5%;}
	.header-menu li.current_page_item a { color:#ffffff;}
	.header-menu li.current_page_item {background: rgba(0, 0, 150, 0.6);}
	.header-menu li:hover { background: rgba(0,0,150,0.4); transition: all 300ms linear;}
	.header-menu li:hover a { color:#ffffff;}
	.header .wrapper { width:100%;}
	.production_installation h3 { font-size:22px;}
	.slider-box .flex-direction-nav .flex-prev:before{ height: 100%;width: 100%;position: absolute;left: 0;top:23px;font-size:20px;}
    .slider-box .flex-direction-nav .flex-next:before{  height:100%; width:100%;position:absolute; right:0px; top:23px;font-size:20px;}
	.slider-box {height: 258px;}
}
@media (min-width:320px) and (max-width:540px)
{
	.wrapper{ width:90%;}
	.top-contact-details li { width:100%; text-align:center; float:left; border-right:none; margin-bottom:10px;padding-right:0;}
	.top-contact-details li a { float:none; display:inline-block; width:auto; padding-right:0;}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}