/*
Theme Name: GTIM
Theme URI: http://gtim.sbdigi.com/
Author: SandboxDigitial
Author URI: http://sandboxdigital.com.au/
Description: GTIM official wordpress theme used.
Version: 1

Tags: 
Text Domain: SandboxDigitial
*/

@import url("assets/css/style.css");


.page header .landing-header-container h6, 
.post header .landing-header-container h6, 
.single header .landing-header-container h6, 
.error404 header .landing-header-container h6 { width: auto;}

.page header .menu-right-box, 
.post header .menu-right-box, 
.single header .menu-right-box, 
.error404 header .menu-right-box { margin-right: 50px; width: auto; }

.landing-header-container #menu-phone:hover{ z-index: 999;}

.alignleft{float:left;}

@media only screen and (max-width:1200px) and (min-width:1025px) {
	
	.home header .landing-header-container #menu-phone { left: 89%; }
	
	.page header .landing-header-container #menu-phone, 
	.post header .landing-header-container #menu-phone, 
	.single header .landing-header-container #menu-phone, 
	.error404 header .landing-header-container #menu-phone { left: auto; right: 50px !important; }

	.page header .menu-right-box, 
	.post header .menu-right-box, 
	.single header .menu-right-box, 
	.error404 header .menu-right-box { margin-right: 75px; }
}

@media only screen and (max-width: 1024px) {
	header .landing-header-container .menu-right-box { margin-right: 0 !important; }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	header .landing-header-container ul.landing-menu{ margin-left: 80px;}
	.page header .landing-header-container ul.landing-menu, 
	.post header .landing-header-container ul.landing-menu, 
	.single header .landing-header-container ul.landing-menu, 
	.error404 header .landing-header-container ul.landing-menu { margin: 0 !important; }
	.page header .landing-header-container ul.landing-menu, 
	.post header .landing-header-container ul.landing-menu, 
	.single header .landing-header-container ul.landing-menu, 
	.error404 header .landing-header-container ul.landing-menu{ top: 50% !important;}
	.page header .landing-header-container #menu-phone, 
	.post header .landing-header-container #menu-phone, 
	.single header .landing-header-container #menu-phone, 
	.error404 header .landing-header-container #menu-phone{ left: auto; right: 50px !important;}
}
@media only screen and (max-width: 966px) {
	.home header .landing-header-container ul.landing-menu { left: -5%; }
	.home header .landing-header-container #menu-phone { left: 88%; }
}
/*Samsung tablet 10.1 Portrait*/
@media only screen and (max-width: 800px) {
	.home header .landing-header-container #menu-phone { left: 86%; }
	.home header .landing-header-container #menu-shower { left: 90% !important; }
	.home header .landing-header-container #menu-phone { left: auto !important; right: 65px !important; }
	.home header .landing-header-container #menu-phone:hover{ width: 120px !important;}
	.home header .landing-header-container #menu-phone .big { float: right; }
}
/*iPad Portrait*/
@media only screen and (max-width: 768px) {
	.home header .landing-header-container ul.landing-menu { left: 0; }
}
/*Mini Tablet to Mobile*/
@media only screen and (max-width: 767px) {
	#main #search_result_container .col-4 .wish.show_mobile_only{ z-index: 999; cursor: pointer;}
	.deets li { width: auto; padding: 0 10px; }
	.social_mobile a { cursor: pointer; background-size: 26px auto !important; width: 26px !important; background-repeat: no-repeat !important; background-position: center center !important; }
	.social_mobile a.sbg-button-email { background-size: 33px auto !important; width: 33px !important; }
	.social_mobile a.sbg-button-facebook { background-size: auto 24px !important; }
	.social_mobile a.sbg-button-google-plus { margin-left: 3px; }
	.social_mobile a.sbg-button-pinterest { background-size: 22px auto !important; }
}
.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}