/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.login_box button, .login_box a {padding: 4px 14px;}
	.login_box .log_btn:after {margin-right: 7px;}
	.log_btn {margin-right: 10px;}
	.gdl-title span {font-size: 18px;}
	.sf-menu li a {padding: 11px 13px;}
	.tp-number {margin: 10px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.sf-menu li a {padding: 9px;}
	.sb-slider {height: 240px;}
	.log_btn {margin-right: 12px;}
	.login_box .log_btn:after {right: -15px;}
	.ground {margin: 5px;}
	.group_one {
		width: 100%;
		margin: 0;
	}
	.group_two {width: 100%;}
	.calendar_custom .date-h {margin-bottom: 20px;}
	.course1, .course2 {width: 100%;}
	.main_news, .bestseller {display: none;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.menu_btn {display: block;}
	.menu-wrapper {display: none;}
	.logo-wrapper img {max-width: 100%;}
	.logo-wrapper {margin: 15px 0;}
	.menu-wrapper {
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		background-color: rgba(0, 188, 189, 0.9);
		z-index: 9999;
		max-width: 300px;
		padding: 30px;
	}
	#blog-item-holder {
		min-height: 426px;
	}

	.side_links {display: none;}
	.open_side {display: block !important;}

	.sf-menu li {
		display: block;
		width: 100%;
		background-color: transparent;
		text-align: left;
	}

	.close_mnu {display: block;}

	.navigation-wrapper .sf-menu a:hover {
		background-color: transparent;
		text-decoration: underline;
	}

	.action_promo img {width: 100%;}
	.course1, .course2 {width: 50%;}
	.personal_main {display: none;}
}


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

	iframe {
		width: 100%;
		max-width: 100%;
	}

	.inner-header .col-xs-6,
	.uf-wrapper,
	.m-body {
		width: 100%;
	}

	.logo-wrapper img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	.top-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: none;
    text-align: center;
    margin: 15px 0;
}

	.tp-number .fa-phone {display: none;}

	.top-nav-right,
	.top-nav-right .fa-map-marker,
	.top-phone .phone_number,
	.tp-number .fa-phone,
	.callback {
		float: none;
	}

	.online-btn {
		float: none;
		display: inline-block;
	}

	.wrap-slider {display: none;}
	.blog-thumbnail-image {height: auto;}

	.course1, .course2 {
		width: 100%;
		margin-bottom: 40px;
	}

	.ob_group_three, .ob_group_ {
		width: 100%;
	}

	.profile_custom {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 30px;
	}

	.personnal-info {
		display: block;
	}

	.full-desc {
		display: block;
		padding: 0;
		margin-top: 10px;
	}

	.top-phone .phone_number {
		display: block;
		text-align: center;
	}

	.cart_btn {
		text-align: center;
	}
}

@media only screen and (max-width : 550px) {
	.toolbar {
		height: auto;
		width: 100%;
	}

	.toolbar .fa {display: inline-block;}
	.lessen {
		padding: 65px 30px 30px 30px;
		overflow: hidden;
	}
	.user_info_box {top: -25px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {
	.callback, .online-btn {
		display: block;
		width: 100%;
	}

	.container {
		padding-left: 5px;
		padding-right: 5px;
	}

	.row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 5px;
		padding-right: 5px;
	}

	div.content-wrapper {padding: 5px;}
	.footer-wrapper {padding: 10px;}

	div.copyright-right {
		margin-top: 10px;
		float: none;
		text-align: left;
	}

	.blog-thumbnail-content img {
		max-width: 100%;
		display: block;
		margin: 15px;
		float: none !important;
	}

	.cp-btn {
		width: 190px;
		margin: 30px auto 0;
		font-size: 18px;
	}

	.board .b_title {font-size: 20px;}
	.date-d {font-size: 25px;}
	.date-h {font-size: 50px;}

	.blog-thumbnail-context img {
    float: none !important;
  }

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.side_linls {display: block !important;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.menu-wrapper {display: block!important;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}