/*   
	Theme Name: 258 Custom Theme
	Theme URI: 
	Description: Custom theme developed for 258
	Author: MJT Web Designs
	Author URI: http://www.mjtwebdesigns.co.uk
    Version: 1.1


	/*--------------------------------------------------------------
		 Media Queries
		--------------------------------------------------------------*/


@media only screen and (min-width : 992px) and (max-width : 1242px) {
}

@media only screen and (min-width : 868px) and (max-width : 991px) {
}

@media only screen and (min-width : 992px) and (max-width : 1302px) {
   
}

@media only screen and (min-width : 991px) and (max-width : 1129px) {
    
}


@media only screen and (min-width : 992px) and (max-width : 1200px) {

}

@media only screen and (max-width: 869px) {

    .desktop-only{ display:none !important;}

}

@media only screen and (min-width: 868px) {

	.mobile-only{ display:none !important;}	#page{ padding-bottom:30px !important;}
   

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 868px) {
	.container{ padding:0 15px !important;}	.desktop-only{ display:none !important;} 	.mobile-only{ display:block;}   nav.primary{ display:none; }
    .primary-nav{ position: absolute; top: 10px; right: 0px; display: block;} 
    .header_left_logo .logo img {    max-width: 340px;    margin-top: 80px;   position: absolute; top: 0px; text-align: center; left: 50%; margin-left:0px; margin-top: -170px; z-index: 20;}
    
    .scrollToTop {
    bottom: -50px;
    right: 50%;
        margin-right: -21px;
    }
   .scrollToTop.scroll-show{	 right:50%; bottom:10px; margin-right: -21px;}
    
.page-title h1{ padding: 15px 0; line-height: 1.15em !important; font-size: 36px !important;}
    
    .icon-wrapper {
    padding: 0px 0;
    margin: 0px 0;
}
    .main-content{ text-align: left; padding: 20px 0 20px 0;}
    .main-content h3{ margin-bottom: 40px;}
    .footer{ padding: 130px 0 90px 0 !important;}
    .footer h1{ font-size: 30px !important;}
    .footer:after{
    top: 15px;
    left: 50%;
    margin-left: -50px;
    }
    
}

/* Mobile Navigation ----------- */

@media only screen and (max-width : 867px) {
	.container{ padding:0 15px !important;} a.logo{ width:100%;}
	.scrollToTop.scroll-show{	 right:50%; bottom:10px; margin-right: -21px;}
}


@media only screen and (min-width: 481px) and (max-width : 867px) {
	.desktop-only{ display:none !important;} .mobile-only{ display:block;}
	

}
@media only screen and (min-width : 993px) and (max-width : 1224px) {

   
}

@media only screen and (min-width : 867px) and (max-width : 1194px) {
	  .footer:after{
    top: 40px;
    }
    
}

@media only screen and (min-width : 1224px) and (max-width : 1376px) {
    
}
@media only screen and (min-width : 767px) and (max-width : 867px) {


]

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1854px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px)and (orientation : portrait) {

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}


/* Responsive menu ----------- */
@media only screen and (max-width : 1023px) {

	
}