
/************************************************
///////////////////////////////////////////////// 

                **Ipad**

/////////////////////////////////////////////////   
*************************************************/
@media  (min-width: 760px) and (max-width: 1024px){
    * {
	    margin: 0;
	    padding: 0;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box
	}
	.preload * {
		-webkit-transition: none;
		   -moz-transition: none;
		    -ms-transition: none;
		     -o-transition: none;
		        transition: none;
	}
	
    .bottom-menu{display: none;}
    .blog-menu-right{display: block;}

	/************************************************
	///////////////////////////////////////////////// 
		Menu
	/////////////////////////////////////////////////	
	*************************************************/
	.menu-reponsive{width: 100%;float: left;}
	.menu-reponsive{display: block;}
	.top-menu-mobile{
		width: 100%;
		float: left;
		background-color: rgba(35,31,32,1);
	}
	.header.smaller .logo-center{
		max-width: 70px !important;
		top: 67% !important;
	}
	.top-menu-mobile .logo-center {
		width: 80px;
		position: absolute;
		top: 48%;
		transform: translate(-4%, -50%);
		margin: 0px 40px;
	}
	.top-menu-mobile .logo-center a img{
		max-width: 70%;
		
	}

	.wrap-inner{
		margin-right: 0;
	}
	.hamburger{
		width: 45px;
		float: left !important;
		margin-right: 15px
	}
	.hamburger a img{
		max-width: 100%;
		margin-top: 15px;
		margin-left: 10px
	}
	/* customize mmenu style*/
	.mm-clear::after, 
	.mm-clear::before, 
	.mm-close::after, 
	.mm-close::before{
		width: 13px !important;
		height: 13px !important;
	}
	.mm-close{
		left: 5px !important;
	}
	.mm-clear::before, 
	.mm-close::before{
		right: 10px !important;
	}
	.mm-listview a{
		color: #333 !important;
		font-size: 14px !important;
	}
	.mm-listview a span{
		color: #333 !important;
		font-size: 18px !important;
		font-weight: normal;
		padding-right: 5px
	}
	.mm-navbar .mm-title{font-weight: bold;}
	.mm-menu .mm-search input{display: none;}
	.form-course .table-responsive{
		overflow-x: auto !important;
	}
	.logo-mobile{
		width: 30px;
		margin: 0px auto 0 5px;
		float: left
	}
	.logo-mobile img{
		max-width: 100%;
	}

	/*Customize menu*/
	.mm-panels > .mm-panel.mm-hasnavbar {
		padding-top: 40px;
		background: #eee;
		color: #333 !important;
	}
	.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
		color: #333 !important;
	}
	.mm-menu em.mm-counter {
		color: #333 !important;
	}
	.mm-listview > li > a, .mm-listview > li > span{
	    padding: 10px 10px 10px 25px !important;
	}
	#mm-blocker{
		background: rgba(0,0,0,0.5)
	}
	.custom ul{
		float: right;
	}
	.custom li{
		float: right;
		margin-top: -62px !important;
		margin-right: 40px
	}
	.custom.nav > li > a, .notification .dropdown .fa{padding: 0px !important}
	.dropdown{display: none !important;}
	
    
}



/************************************************
///////////////////////////////////////////////// 

                **iphone**

/////////////////////////////////////////////////   
*************************************************/
@media (max-width: 750px ){

	* {
	    margin: 0;
	    padding: 0;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box
	}
	.clearfix:after{
		content: '' !important;
		display: block !important;
		clear: both !important;
		visibility: hidden !important;
		height: 0px !important
	}
	.clearfix{
		display: inline-block !important;
	}

    .bottom-menu{display: none;}
    .blog-menu-right{display: block;}

	/************************************************
	///////////////////////////////////////////////// 
		Menu
	/////////////////////////////////////////////////	
	*************************************************/
	.menu-reponsive{width: 100%;float: left;clear: both !important;}
	.menu-reponsive{display: block;}
	.top-menu-mobile{
		width: 100%;
		float: left;
		background-color: rgba(35,31,32,1);
	}
	.header.smaller .logo-center{
		max-width: 70px !important;
		top: 67% !important;
	}
	.top-menu-mobile .logo-center {
		width: 80px;
		position: absolute;
		top: 48%;
		transform: translate(-4%, -50%);
		margin: 0px 40px;
	}
	.top-menu-mobile .logo-center a img{
		max-width: 70%;
		
	}

	.wrap-inner{
		margin-right: 0;
	}
	.hamburger{
		width: 45px;
		float: left !important;
		margin-right: 15px
	}
	.hamburger a img{
		max-width: 100%;
		margin-top: 15px;
		margin-left: 10px
	}
	/* customize mmenu style*/
	.mm-clear::after, 
	.mm-clear::before, 
	.mm-close::after, 
	.mm-close::before{
		width: 13px !important;
		height: 13px !important;
	}
	.mm-close{
		left: 5px !important;
	}
	.mm-clear::before, 
	.mm-close::before{
		right: 10px !important;
	}
	.mm-listview a{
		color: #333 !important;
		font-size: 14px !important;
	}
	.mm-listview a span{
		color: #333 !important;
		font-size: 18px !important;
		font-weight: normal;
		padding-right: 5px
	}
	.mm-navbar .mm-title{font-weight: bold;}
	.mm-menu .mm-search input{display: none;}
	.form-course .table-responsive{
		overflow-x: auto !important;
	}
	.logo-mobile{
		width: 30px;
		margin: 0px auto 0 5px;
		float: left
	}
	.logo-mobile img{
		max-width: 100%;
	}

	/*Customize menu*/
	.mm-panels > .mm-panel.mm-hasnavbar {
		padding-top: 40px;
		background: #eee;
		color: #333 !important;
	}
	.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
		color: #333 !important;
	}
	.mm-menu em.mm-counter {
		color: #333 !important;
	}
	.mm-listview > li > a, .mm-listview > li > span{
	    padding: 10px 10px 10px 25px !important;
	}
	#mm-blocker{
		background: rgba(0,0,0,0.5)
	}
	.custom ul{
		float: right;
	}
	.custom li{
		float: right;
		margin-top: -62px !important;
		margin-right: 40px
	}
	.custom.nav > li > a, .notification .dropdown .fa{padding: 0px !important}
	.dropdown{display: none !important;}
}

