/* 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) {


	/* SAMPLES */

	.audioContainer, .jp-audio {
		padding: 25px 16px;
		}

	.audioContainer .optionButton.moreItems {
		font-size: 10px;
		line-height: 35px;
		margin-right: 0px;
		width: 39px !important;
		}

}

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

	/* HEADER */
	#header a.logo {
		width: 170px !important;
		background-size: 100% !important;
		margin-top: 8px;
		}

	#mainNav li a {
		padding: 11px 10px;
		}

	#header .header_search .searchContainer.active {
		width: 66px;
		}

    /* HOME 
    
     */


	.bannerAudio {
		width: 506px;
		}

	.radioContent {
		width: 191px;
		left: 241px;
		top: 81px;
		}

	.bannerAudio .playButton, .bannerAudio .pauseButton {
		top:      84px;
		left:     130px;
		}



    /* HOMEPAGE */

	.itemOptions .padding {
		padding: 50px 10px 0 20px;
		}

	.itemOptions ul li {
		font-size: 13px;
		}

	/* SIDEBAR */

	.banner_sidetext p {
		padding-right: 105px;
		}

	/* CLIENTS */

	.ourClientsLogo {
		background-size: 100% auto;
		}

    /* FOOTER */

	.subscribeText {
		padding-right: 15px;
		}


}

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


	/* HEADER */
	#header a.logo {
		width: 170px !important;
		background-size: 100% !important;
		margin-top: 8px;
		margin-right: 8px;
		}

	#mainNav li a {
		padding: 11px 6px;
		}

	#header .header_search .searchContainer.active {
		width: 66px;
		}

	.headerRight {
		margin-top: -9px;
		}

	#header .button.alt_btn {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		}

    /* HEADER BANNERS */

	.bannerAudio {
		width: 384px;
		height: 162px;
		}

    .radioContent {
	    display: none;
	    }

	.bannerAudio .playButton, .bannerAudio .pauseButton {
		top: 48px;
		left: 93px;
		}


	/* HOME BANNER */

	#homeBanner, #homeBanner .slides li, .homeBannerContainer {
		height: 400px !important;
		}

	.homeBannerContainer {
		background-size: 400px auto !important;
		background-position: center right !important;
		}

	.banner_text {
		top: 14%;
		}

	#homeBanner .button {
		padding: 11px 36px !important;
		}

	#homeBanner h2 {
		color: #fff;
		font-size: 40px;
		line-height: 42px;
		}


	.bannerVideo {
		position: absolute;
		top: 94px;
		right: 40px;
		
		}

	.bannerVideo iframe {
		height: 181px;
		width: 314px;
		
		}
		
  
.slides li {display:none !important;}

	#innerPageBanner {
		height: auto;
		min-height: 200px;
		}

	#innerPageBanner .grid_24 {
		height: auto;
		min-height: 200px;
		background-size: 29%;
		}

	.innerBannerContent {
		margin-top: 40px;
		margin-bottom: 40px;
		}


	/* HOMEPAGE */

	.itemOptions .padding {
		padding: 20px 10px 0 10px;
		}

	.itemOptions .button {
		margin-bottom: 10px;
		}

	.itemOptions ul {
		margin-left: 35px !important;
		}

	.itemOptions ul li {
		font-size: 13px;
		width: 90%;
		padding-bottom: 0px !important;
		}

	.testiTitle {
		margin-top: 5px;
		}


	.homepageLink h3 {
		margin-bottom: 0px;
		font-weight: 400;
		font-size: 14px;
		}

    /* SIDEBAR */


	#sidebarImageBanner.flexslider.slide_crop .slide {
		left: 66%;
		}

	.banner_sidetext p {
		padding-right: 36px;
		}

	.banner_sidetext p span {
		right: 38px;
		bottom: 118px;
		}

    /* BLOG SIDEBAR */

	.featuredArticle img {
		display: none;
		}

	.featuredArticle .paddingRight {
		padding-left: 0px;
		}

    /* FOOTER */

	.subscribeText {
		padding-top: 12px;
		}

	#footer {
		font-size: 12px;
		}

	#footer .footer_left li, #footer .footer_left li a {
		margin: 0;
		line-height: 16px;
		}

    /* CLIENTS */

	.vert_align {
		left: 10px;
		right: 10px;
		}

	.ourClientsLogo {
		background-size: 100% auto;
		}

	.lowerContentButton.blue {
		text-align: center;
		}

	.logo_square a span {
		float: none;
		display: block;
		}

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

    .widget_form_input {
        width: 100%;
    }

    /* 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;
    }


    /* Responsive Tables */
    table.nested_table tr td {
        display: block;
        width: 100%;
    }
    table.nested_table table tr td {
        display: table-cell;
        width: auto;
    }
    table.nested_table tr td{
        padding-bottom: 0px;
    }

}

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

	.onCanvas {
		width: 100%;
		min-height: 100%;
		position: relative;
		height: 100%;
		float: left;
		z-index: 2;
                 overflow-x:hidden;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		transition-duration: 0.4s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		}

	/* MASTER RESET OF INNER */

	.inner, .inner_r, .inner_l {
		padding-left: 0px;
		padding-right: 0px;
		}

	.gridBoxHolder {
		margin-left: 0px;
		margin-right: 0px;
		}

	/* FONT STYLES */

	h1 {
		font-size: 34px;
		line-height: 36px;
		}


    html, body {
        font-size: 14px;
        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;
    }

    #header {
        height  : 50px;
        padding : 0;
	    background: #fff;
    }

    #header a.logo {
	    height: 31px;
	    width: 130px;
	    margin-top: 14px;
        background-size : 100% auto !important;
        float           : left;
        margin-bottom   : 0;
	    background: url(/images/logos/logo-alt.png) top left no-repeat;
    }

	#header a {
		color: #2d8fda;
		}

    .header_phone_number {
	    position: absolute;
	    top: -40px;
	    right: 2%;
	    }


	#header .header_phone_number {
		width: 100%;
		}


    /* HOMEPAGE BANNER */

	.bannerAudio {
		display: none;
		}

	#homeBanner, #homeBanner .slides li, .homeBannerContainer {
		height: auto;
		}

	#homeBanner {
		padding-top: 50px;
		}

	.banner_text {
		position: relative;
		left:0px;
		margin-top: 30px;
		margin-bottom: 20px;
		}

	.homeBannerContainer {
		/*background: none !important;*/
		}

	#homeBanner .flex-control-nav li {
		padding-right: 25px;
		}

	#homeBanner h2 {
		color: #fff;
		font-size: 30px;
		line-height: 34px;
		}

	#homeBanner .flex-control-nav.container_24 {
		/*margin-left: 5px;
		top: -268px;*/
		display: none;
		}

	#homeBanner .button {
		padding: 11px 15px !important;
		}

	.bannerVideo {
		display: none;
		}

    /* HOME PAGE */

	.itemHolder {
		margin-bottom: 15px;
		}

	#FeaturedTestimonials h3 {
		margin-bottom: 0px;
		}


    #FeaturedTestimonials .roundedImage {
	    width: 100px
	    }

	.testiTitle {
		padding-left: 0;
		margin-top: 5px;
		}

    #homePage #content .sectionPadding60 {
		padding: 20px 0;
	    }


	.itemHolder:hover .itemOptions {
		opacity : 0;
		}


	/* INNER PAGE */

	#innerPageBanner {
		height: auto;padding-top: 50px;
		}

	#innerPageBanner .grid_24 {
		height: auto;
	}
	#innerPageBanner p {	
		width:60%	
	}
	.innerPageBg {
		/*background: none !important;*/
		background-size: 245px auto !important;
		background-position: right right !important;
	}
	.innerPageBanner, .container_24{
		width:100%;
		padding-left:10px;
		padding-right:10px
	}

	.innerBannerContent {
		margin-top: 20px;
		margin-bottom: 20px;
		}


    /* SAMPLES */

	.navItems {
		float: left;
		width: 33.3333%;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		padding: 10px 0;
		box-sizing: border-box;
		}

	#sampleNavigationOptions .inner_r {
		padding-right: 0px;
		}

	#sampleNavigationOptions .inner_l {
		padding-left: 0px;
		}

    #sampleNavigationOptions  .custom_select {
	    margin: 5px 0;
	    }

	#sampleNavigationOptions.padding20 {
		padding-top: 10px;
		padding-bottom: 10px;
		}

    .jp-controls .grid_14, .jp-controls .grid_10 {
	    width: 50%;
	    }

	.audioContainer .playButton {
		width:       50px !important;
		height:      50px !important;
		line-height: 50px !important;
		}

	.audioContainer .optionButton {
		width:      40px !important;
		}

	.audioContainer, .jp-audio {
		padding: 20px !important;
		}

    /* CASE STUDIES */

	.casestudyListingThumb .lowerContentButton {
		padding: 28px 5px !important;
		}

	.lowerContentButton.blue {
		text-align: center;
		}

	.logo_square a span {
		float: none;
		display: block;
		}

	.logo_square {
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 10px;
		}

	.gridBoxHolder .inner img {
		padding: 0px 10px 15px;
		box-sizing: border-box;
		}

    .casestudyListingThumb {

	    }

    /* CASE STUDIES VIEW */

	.ourClientsLogo {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: 200px auto !important;
		height: 155px;
		}

	#our-clients-viewPage .audioContainer, #our-clients-viewPage .jp-audio {
		height: auto;
		}

	.caseStudyContent {
		border: none;
		}


    /* 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 */
    }

    /* 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;
    }

    /* FOOTER */

	.subscribeText {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 15px;
		padding-right: 0px;
		}

	#socialFooter .footer_social {
		margin: 0 auto;
		width: 100%;
		padding-left: 0px;
		}

	#socialFooter .footer_social li {
		width: 25%;
		}

	#socialFooter .footer_social a {
		width: 100%;
		}


	#footer .navholder .footer_left {
		border-right: none;
		padding-left: 0;
		padding-right: 0;
		min-height: inherit;
		width: 48%;
		margin: 0 1% 15px 1%;
		}

	#footer {
		padding: 20px 0;
		}

	#footerDetails .footerNav li {
		border-right: none;
		margin: 0 6px 0 0;
		padding: 0 0px 0 0;
		line-height: 20px;
		}

	#footerDetails .footer_right {
		margin-top: 10px;
		text-align: left;
		}


    /* Responsive Tables */
    table.nested_table {
        border-bottom: 0!important;
    }
    table.nested_table tr td {
        display: block;
        width: 100%;
    }
    table.nested_table table tr td {
        display: table-cell;
        width: auto;
    }
    table.nested_table tr td{
        padding-bottom: 0px;
    }

}

/*  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;
    }

}