/*################# mobile CSS ################################################################*/
@media only screen and (min-width: 250px) and (max-width: 999px) {
	
	#mob_logo img{
		max-width: 190px;
	}
	#review_div{
		padding: 30px !important;
	}
	.star-wrapper a {
		font-size: 2.2em !important;
	}
	#rev_btn{
		display: none !important;
	}
	/*mobile floating buttons*/
	footer.et-l--footer{
		padding-bottom: 40px;
	}
	#mob_foot_btn{
		background: #000000;
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#mob_foot_btn a{
		color: #fff;
		flex: 0 0 50%;
		font-size: 12px;
		padding: 20px 10px;
		text-align: center;
		letter-spacing: 1px;
		font-family: poppins;
		font-weight: 700;
		line-height: 16.8px;
		position: relative;
	}
	#mob_foot_btn a:hover{
		background:#333;
	}
	#mob_foot_btn a:first-child{
		border-right: 1px solid #ccc;
	}
	#mob_foot_btn a:first-child::before{
		content: "\f073";
		font-family: fontawesome;
		margin-right: 10px;
		position: absolute;
		left: 20px;
	}
	#mob_foot_btn a:last-child::before{
		content: "\f879";
		font-family: fontawesome;
		margin-right: 10px;
		position: absolute;
		left: 20px;
	}
	/*END mobile floating buttons*/
	
	
	/* mobile menu*/
	#mob_h{
		margin: 10px;
	}
	#mob_logo{
		width: 80%;
		float: left;
		z-index: 999;
	}
	#mob_menu_btn_top{
		width: 20%;
		float: right;
		text-align: right;
	}
	#mob_menutop{
		clear: both;
	}
	
	#mobnav {
		background: #fff;
		width: 100vw;
		height: 100vh;
		position: fixed;
		right: 0;
		transition-timing-function: cubic-bezier(10,2,3,1);
		transform: translateX(50rem);
		top: 0;
		z-index: 0;
		transition: 1s;
	}
	#lhmobmenu {
		display: none;
	}

	#lhmobmenu:checked ~ #mobnav {
		transform: translateX(0rem);
	}
	

	#burgerbtn {
		position: absolute;
		cursor: pointer;
		width: 2rem;
		height: 1.5rem;
		right: 1rem;
		top: 10px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	#burgerbtn > div {
		height: 2px;
		background-color: #ccc;
		transition: 0.5s;
		z-index: 999;
	}
	#lhmobmenu:checked ~ #burgerbtn{
		height: 2rem;
	}

	#lhmobmenu:checked ~ #burgerbtn > div {
	  background-color: #000;
	}

	#lhmobmenu:checked ~ #burgerbtn > div:nth-child(1) {
		transform: translateY(15px) rotate(45deg);
	}
	#lhmobmenu:checked ~ #burgerbtn > div:nth-child(2) {
		opacity: 0;
	}
	#lhmobmenu:checked ~ #burgerbtn > div:nth-child(3) {
		transform: translateY(-15px) rotate(-45deg);
	}
	
	#mobnav{
		padding: 5vh 0;
		margin-top: 3vh;
		overflow-y: scroll;
    	height: 100vh;
	}
	#mobnav ul{
		list-style: none;
		text-align: center;
		padding:0;
		margin:0;
	}
	#mobnav ul li{
		margin-bottom: 15px;
	}
	#mobnav ul li a{
		color: #000;
		font-size:1.3rem;
		text-transform: uppercase;
		line-height: 1.7;
	}
	#mobnav ul li a:hover{
		font-style: italic;
		font-weight: normal;
	}
	#mobnav .menu-item-has-children:hover .sub-menu{
 		height: 250px;
/* 		height: 100%; */
	}
	#mobnav .sub-menu{
		height:0;
		transition: height 0.5s ease-in;
		overflow: hidden;
	}
	#mobnav .sub-menu li{
		margin: 15px 0;
	}
	#mobnav .sub-menu li a{
		font-size: 1rem;
	}
	#mobnav #menu-main-menu-1{
		transition: all 2.5s ease-in-out;
	}
	#mobnav.closed #menu-main-menu-1{
 		opacity:0; 
		margin-top: 20vh;
		visibility: hidden;
	}
	#mobnav.opened #menu-main-menu-1{
 		opacity: 1; 
		margin:0;
		visibility: visible;
	}
	#mobnav hr {
    max-width: 20%;
    color: #ccc;
    margin: 3vh auto;
  }
  .mobmenu_extra {
    display: block;
    width: 100%;
    text-align: center;
    color: #343839;
    margin-bottom: 3vh;
  }
	.mobmenu_extra:hover{
		color:#fea501 !important;
	}
  .mobmenu_extra i {
    display: block;
    font-size: 26px;
    font-weight: normal;
    font-family: fontawesome;
  }
  .mobmenu_extra strong {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
  }
  .mobmenu_extra span {
    font-size: 12px;
    display: block;
  }
	.menu-item-117, .menu-item-118{
		display: none;
	}
	
	/* END mobile menu*/

}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

}

/* Medium devices (desktops, 1024px and up to 1280px) */
@media (min-width: 1025px) and (max-width: 1280px) {
	#head_h .et_pb_text_0_tb_header h4{
		font-size:45px !important;
	}
}

/* Large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) { 

}

/*################# END mobile CSS ################################################################*/