/* CSS for serving the retina image to devices with a high "device-pixel-ratio" */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/*  EXTRA-LARGE (XL) Grid: 1200px+
    ---------------- */
@media only screen and (min-width: 1200px) {
}


/*  STYLES LOWER THAN EXTRA-LARGE (XL)
    ---------------- */
@media only screen and (max-width: 1400px) {

	#homePageBanner .flex-direction-nav {
		display: none !important;
		}

	}

/*  LARGE (L) Grid: 1024px - 1199px
    ---------------- */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {


	/* HOME */

	#content .third_wrapper .third_container {
		min-height: 240px;
		background-size: 100% auto;
		}

	#content .grid_8 .third_container {
		background-size: auto 100%;
		}

}

/*  MEDIUM (M) Grid: 768px - 1023px
    ---------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* Widgets */
    .widget_form_row label {
        width: 100%;
        display: block;
    }

    .widget_form_input {
        width: 100%;
    }

    /* NAVIGATION */

    #navigation{
    	height: 54px;
    }

	#mainNav li a {
		font-size: 11px;
		}

	#mainNav > li > a {
		height: auto;
		line-height: 14px;
		}

	#mainNav li:hover ul, #mainNav li.sfHover ul {
		top: 81px;
		}

	.inner_subscribe_bar .subscribeText {
		width: 100%;
		text-align: center;
		}

	.inner_subscribe_bar .subscribeHolder {
		width: 100%;
		}

	.catalogueCta .imgCatalogue {
		width: 100px;
		bottom: -85px;
		}

	.catalogueCta {
		padding: 7% 7% 25% 7%;
		margin-bottom: 100px;
		}


    /* HOME */

	.third_container h3 {
		color: #fff;
		font-size: 21px;
		line-height: 24px;
		}

	#content .grid_8 .third_container > div {
		padding: 20px 20px 20px 20px;
		}

	#content .grid_8 .third_container {
		min-height: 208px;
		background-size: auto 100%;
		position: relative;
		-webkit-box-shadow: 0 8px 25px 5px rgba(0,0,0,0.3);
		box-shadow: 0 8px 25px 5px rgba(0,0,0,0.3);
		}

	.third_container .icon_holder {
		width: 44px;
		height: 73px;
		padding: 0px !important;
		position: absolute;
		top: 13px;
		bottom: auto;
		right: 15px;
		background-size: 100%;
		}

	.third_container p {
		font-size: 14px;
		}

	#content .third_holder {
		margin-bottom: 40px;
		}

	.home_consultation .icon_holder,
	.catalogue img{
		display: none;
	}

	.third_holder p{
		padding-right: 0;
	}

	.home_tailor img{
		width: 100%;
	}

	.home_tailor button{
		padding:  5px !important;
	}

	#homePage #copy {
		margin-bottom: 30px;
		}

	.book_fitting {
		padding-left: 5px;
		padding-right: 20px;
		}

    /* Gallery */

    /* Categories */
    #content .gallery_cat_list li {
        margin-bottom: 10px;
    }

    #content .gallery_cat_list li a {
        width: 100%;
    }

    #content .gallery_cat_list li a:hover {
        width: 100%;
        margin: 0;
    }

    .gallery_cat_list li a:hover .gallery_title_label {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        height: 135px; /* Change the height to the height of the image */
    }

    /* Thumbs */
    #content .gallery_thumbs li,#content .gallery_thumbs li.gallery_last {
        width: 32.6%;
        margin-right: 1%;
    }

    #content .gallery_thumbs li.gallery_tab_last {
        margin-right: 0;
    }

	.fullPaddedWrapper {
		padding: 20px 50px;
		}

	.blueCTA > div {
		background-size: 100% 100% !important;
		}

}

/*  Phone - all mobile sizes < 767px
    ---------------- */
@media only screen and (max-width: 767px) {

	.divider{
		border-bottom: 2px solid #ccc;
		border-right: none;
	}

	.home_consultation .icon_holder,
	.catalogue img{
		display: none;
	}

	.third_holder p{
		padding-right: 0;
	}

	.home_tailor img{
		width: 100%;
	}

	.home_tailor button{
		padding:  5px !important;
	}

	#content .third_holder .grid_8 > div{
		min-height: 200px;
	}

	.home_tailor a{
		width: 90%;
	}

	.home_consultation{
		margin-right: 0;
		margin-bottom: 5px;
	}

	.inner { padding-left: 0px; padding-right: 0px; }
	.inner_l { padding-left: 0px; }
	.inner_r { padding-right: 0px; }
	.inner_t { padding-top: 0px; }
	.inner_b { padding-bottom: 0px; }

    html, body {
        font-size: 14px;
        line-height: 20px;
    }

	/* FONTS */

	h1 {
		font-size   : 30px;
		line-height: 34px;
		text-shadow: 0px 1px 2px #333;
		}

	h2 {
		font-size   : 24px;
		line-height: 26px;
		}

	h3 {
		font-size   : 18px;
		line-height: 20px;
		}

    #homePage #menu_mobile {
        display : none;
    }

    .form_label {
        width   : auto;
        padding : 0;
    }

    .form_required {
        width   : 5%;
        padding : 5px 0 0 10px;
    }

    .form_field {
        width      : 100%;
        float      : none;
        margin-top : 0;
    }

	.nav_position {
		position: relative;
		bottom: auto;
		right: auto;
		}

    #header {
        height  : 110px;
        padding : 0;
        margin-bottom : 0px;
    }

    #header a.logo {
        height          : 60px;
        width           : 100px;
        background-size : auto 80%;
	    background-position:  0 5px;
        float           : left;
        margin-bottom   : 0;
        background-image: url('/images/backgrounds/mobile_logo.png');
    }

    #mobile_nav .nav_position br {
	    display: none;
	    }

	.contentArea #copy {
		padding-left: 0px;
		padding-right: 0px;
		}

	.page_banner {
		background-size: auto 100% !important;
		min-height: 90px;
		margin-bottom: -90px;
		}

	.bannerHeading {
		height: 90px;
		}

	.inner_subscribe_bar .subscribeText {
		width: 100%;
		text-align: center;
		}

	.inner_subscribe_bar .subscribeHolder {
		width: 100%;
		}

	#tailor-mePage #header a.logo span, #uniform-usPage #header a.logo span {
		display: none;
		}

	#header .header_phone_number {
		position: absolute;
		top: -64px;
		left: 75px;
		}

	#header .header_phone_number.header_consultation {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-top: 5px;
		padding-right: 0px;
		}

	.header_consultation .button {
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		text-align: center;
		}

	#header .header_consultation a span {
		float: none;
		}

	#header .phone_number {
		font-size: 18px;
		background: url(/images/backgrounds/phone-icon.png) 10px 8px no-repeat;
		background-size: 20px;
		margin-top: 17px;
		}

    /* HOME  */

	.banner_text {
		text-shadow: 1px 1px 3px #333333;
		}

	.banner_text h2 {
		font-size: 26px;
		line-height: 30px;
		color: #fff;
		font-weight: 300;
		text-shadow: 1px 1px 3px #333333;
		}

	.banner_text .button {
		background: none;
		border: 1px solid #fff;
		font-size: 13px;
		}

	#homePageBanner {
		min-height: 200px;
		}

	#homePageBanner .flex-control-paging {
		display: none;
		}

	#content .grid_8 .third_container > div {
		padding: 20px 60px 20px 20px;
		}

	.home_starter {
		margin: 0 0px;
		}

	#content .grid_8 .third_container {
		min-height: 50px;
		background: #071129;
		}

	.third_container .icon_holder {
		width: 44px;
		height: 50px;
		top: 20px;
		bottom: auto;
		right: 20px;
		background-size: 100%;
		}

    .third_wrapper {
	    margin-bottom: 20px;
	    }

	#content .third_holder {
		margin-bottom: 20px;
		margin-top: 20px;
		}

	.videoWrapper {
		padding-left: 0px;
		}

	.home_subscribe_bar {
		background: #3b4762;
		padding-top: 30px;
		padding-bottom: 30px;
		}

	.home_subscribe_bar h3 {
		font-size: 13px;
		line-height: 19px;
		background-size: 180px;
		padding-top: 60px;
		}

	.home_subscribe_bar .subscribeHolder .subscribeInput {
		width: 100%;
		margin-bottom: 10px;
		}

	.carouselContainer {
		padding-bottom: 20px;
		background: url(/images/backgrounds/our-work-bg.gif) center top no-repeat;
		margin-top: 30px;
		background-size: 254px;
		}

	#carousel {
		margin-top: -20px;
		}

	.videoIframe {
		display: block;
		}

    /* FOOTER */

	.footerNavigation {
		margin-bottom: 20px;
		}

	#footer .footer_right {
		text-align: left;
		font-size: 12px;
		}

	.footerSpacer {
		margin-top: 20px;
		}

	.inner_subscribe_bar .subscribeHolder .subscribeInput {
		width: 27%;
		margin-right: 5px;
		}

	.book_fitting {
		padding-left: 0px;
		padding-right: 0px;
		}

	.halfInputWrapper label, .fullInputWrapper label {
		padding-left: 0px;
		}

	.book_fitting .halfInputWrapper {
		width: 100%;
		}

	.book_fitting .fullInputWrapper .form_label {
		width: 40%;
		}

	.book_fitting .fullInputWrapper .form_field {
		width: 100%;
		}

	.imageVerification {
		width: 100% !important;
		}

	#bookingForm .text_align_right {
		float: left;
		}

	.book_fitting_container {
		padding: 30px 0 30px;
		}

	#homePage #copy {
		margin-bottom: 20px;
		}

    /* Gallery */
    #content .gallery_cat_list li {
        margin-bottom: 15px;
        width: 48%;
    }

    #content .gallery_cat_list li.gallery_middle {
        margin-right: 0;
        margin-left: 0;
    }

    #content .gallery_cat_list li.gallery_mob_last {
        margin-left: 4%;
    }

    .gallery_cat_list li a {
        background: none;
    }

    .gallery_cat_list li a:hover .gallery_title_overlay_container,.gallery_cat_list li .gallery_title_overlay_container {
        position: relative;
        display: block;
        text-align: left;
    }

    .gallery_cat_list li .gallery_title_overlay {
        display: block;
        text-align: left;
        padding: 0px;
    }

    .gallery_cat_list li a:hover .gallery_title_overlay {
        padding: 0px;
    }

    .gallery_cat_list li a:hover .gallery_title_label, .gallery_cat_list li .gallery_title_label {
        font-size: 14px;
        display: block;
        padding: 10px 0 2px 0;
        line-height: 17px;
        font-weight: bold;
        color: #000;
        text-align: left;
        height: auto; /* Change the height to the height of the image */
    }

    /* CASE STUDIES */

	.casestudyImageContainer {
		width: 45%;
		float: right;
		}

    /* Thumbs */
    #content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 18px;
    }

    #content .gallery_thumbs li.gallery_mob_last {
        margin-right: 0;
    }
    .gallery_thumbs .gallery_caption {
        padding: 18px 0 0px;
    }
    .gallery_thumbs .gallery_caption h2 {
        margin-bottom: 10px;
    }

	.fullPaddedWrapper {
		padding: 20px 20px;
		}

	.blueCTA > div {
		background-size: 100% 100% !important;
		}

	.casestudyListingThumb:hover {
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		}

    .caseStudies_gallery > div {
	    width: 48%;
	    margin-left: 1%;
	    margin-right: 1%;
	    }

	#socialFooter a {
	    font-size: 20px;
	    padding: 20px 10px;
	    line-height: 30px;
	    }  

}

/*  SMALL (S) Grid: 480px - 767px
    ---------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*  EXTRA-SMALL (XS) Grid: < 479px
    ---------------- */
@media only screen and (max-width: 479px) {

    /* Gallery */
    /* Thumbs */
    #content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
        margin-bottom: 10px;
    }
    .gallery_thumbs .gallery_caption {
        padding: 10px 0 0px;
    }
    .gallery_thumbs .gallery_caption h2 {
        margin-bottom: 5px;
    }

}

/*  Phone - all mobile sizes < 640px
    ---------------- */
@media only screen and (max-width: 640px) {

	.casestudyListingThumbWrapper {
		width: 46%;
		margin: 0 2% 20px !important;
		}

	#case-studiesPage #copy .clear {
		display: none !important;
		}

	.casestudyListingHeading .inner {
		padding: 10px 10px;
		float: left;
		}

	.inner_subscribe_bar .subscribeText h3 {
		line-height: 24px;
		margin-bottom: 10px;
		}

	.inner_subscribe_bar .subscribeHolder .subscribeInput {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 5px;
		}

	}