/*** Media Queries found on style.css ***/
/* All Sizes taken from original source */

@media only screen and (min-width: 960px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.js .selectnav,
	#contact-details,
	/*#navigation,
	.js #nav,*/
	.slide-caption,
	.search-form,
	#tagline,
	.social-icons,
	.widget,
	.widget-alt/*,
	#navigation ul li a*/ {
		display: none;
	}

	/* CAROUSEL */

	.carousel-content ul { height: 320px!important; }
	.carousel-content .carousel-list ul li { height: 80px!important; line-height: 32px!important; padding: 8px 15px!important;}
	li.carousel-box1 { padding: 0px!important; }
	li.carousel-box2 { top: 80px!important; }
	li.carousel-box3 { top: 160px!important; }
	li.carousel-box4 { top: 240px!important; }
	.fom-1, .fom-2, .fom-3, .fom-4 { width: 390px!important; padding: 22px 32px !important;}

	.carousel-img1 img, .carousel-img2 img, .carousel-img3 img, .carousel-img4 img {width: 100%;}
	.carousel-contents { background-size: 748px 318px!important; }

	/* OUR PEOPLE */
	.rollover-text { max-height: 400px!important;}
	.our-people-bg { background: url('../images/bg-our-people-mobile.png') no-repeat!important;}
	.headline hr { display: none; }
	.our-people { margin-top: 9px!important; }

	/* MEGA NAV */
	ul.mega-dropdown { height: auto!important; left: 0!important; }
}

@media only screen and (max-width: 767px) {
	.border-right { border-right: 0px; }
	#logo { width: 200px; margin: 2% 0;}
	#contact-details { width: 475px; margin: 2% auto; clear: both; float: none;}
	.mobile-carousel { display: block; }
}

@media only screen and (min-width: 180px) and (max-width: 767px) {
	#contact-details { display: none;}
	.carousel-list { display: none;}
	.carousel-contents { /*background-size: 420px 178px !important;*/ display: none; }
	.carousel-img1 img, .carousel-img2 img, .carousel-img3 img, .carousel-img4 img {width: 100%;}

	/* OUR PEOPLE */
	.fancybox-prev span, .fancybox-next span { background-size: 45px!important; }
	.fancybox-nav span { width: 45px!important; }
	.large-notice { background: url('../images/bg-people-mobile.png') no-repeat; background-size: 300px!important; height: 175px!important; overflow-y: scroll!important; margin-bottom: 12px!important; }
	.people-image { width: 75px!important; height: 86px!important;}
	.rollover-text { margin: 0px!important; width: 60%!important; margin-left: -10%; max-height: 330px!important; }
	.rollover-title { width: 150px!important; background-size: 150px!important; padding: 12px 0!important; }
	.rollover-title h3 { font-size: 12px; line-height: 18px; }
	.image-overlay-zoom.profile01 { background-size: 436px!important;}
	#filters, #portfolio-navi { margin: 20px 0 0!important;}
        
        .fancybox-opened .fancybox-title {color: #fff; background: rgba(0, 0, 0, 0.5);}
        .fancybox-title-float-wrap {top:10%;}
        

		/* CAROUSEL */
	#layerslider { display: none; }
	.mobile-carousel { display: block; }

	/* MOBILE CAROUSEL */
	#mobile-carousel { display: block!important; height: 290px!important;}
	#mobile-carousel ul li { width: 420px !important; }
	.mobile-carousel-title { width: 420px!important; }
	.mobile-carousel-img { width: 420px!important; height: 179px!important; }
	.mobile-carousel-info { width: 420px!important; }
	.bx-wrapper { display: block!important;}

}

@media only screen and (max-width: 672px) {

}

@media only screen and (max-width: 479px) {
	#contact-details { display: none;}
	.carousel-list { display: none;}
	.carousel-contents { background-size: 300px 127px !important; }
	.carousel-img1 img, .carousel-img2 img, .carousel-img3 img, .carousel-img4 img {width: 100%;}

	.search { width: 100%!important; margin: 0 auto!important;}

	/* OUR PEOPLE */
	#filters { margin: 20px 0 10px!important; }

	/* CAROUSEL */
	#layerslider { display: none; }

	/* MOBILE CAROUSEL */
	#mobile-carousel { display: block!important;}
	.bx-wrapper { display: block!important;}

/* FROM SKELETON.CSS LINE 183 */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 90%; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; }
    }

