/*	All Media Section 
	## min-width: 1551 to max-width: 1750
	## min-width: 1201 to max-width: 1550
	## min-width: 992 to max-width: 1200
	## min-width: 768 to max-width: 991
	## min-width: 319 to max-width: 767
	## min-width: 480 to max-width: 767
	## min-width: 319 to max-width: 479
	## min-width: 991
*/

/* ## min-width: 1551 to max-width: 1750 */
@media only screen and (min-width: 1551px) and (max-width: 1750px) {
	/* Classes */
	.classes-content {
		padding: 15% 5%;
	}
}

/* ## min-width: 1201 to max-width: 1550 */
@media only screen and (min-width: 1201px) and (max-width: 1550px) {
	
}

/* ## min-width: 992 to max-width: 1200 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* Services Section */
	.services-section .service-box {
		width: 200px;
		height: 200px;
		display: block;
		margin: 0 auto 30px;
	}
	
	.service-box i {
		width: 60px;
		height: 60px;
		line-height: 37px;
	}
	
	.service-box > h3 {
		font-size: 16px;
		line-height: 24px;
		padding: 45px 45px;
	}
	
	/* Classes */
	/*.classes-section .box,
	.classes-section .box > img {
		min-height: 384px;
	}*/
	
	.classes-content {
		padding: 15% 5%;
	}
	
	.classes-main .col-md-3 {
		width: 33.33%;
	}
	
	/* Reason */
	.reason-box {
		min-height: 422px;
	}
	
	/* Team */
	.team-social > li {
		margin: 0 4px;
	}
	
	/* Banner Section */
	.banner-section img {
		min-height: 200px;
	}
	
	/* Classes highlight */
	.classes-box p {
		min-height: 60px;
		max-height: 62px;
		overflow: hidden;
		line-height: 20px;
	}
	
	/* Team */
	.team-box {
		min-height: 360px;
		margin-bottom: 30px;
	}
	
	.what-we-section-half img {
		height: 100%;
		width: 100%;
	}
}

/* ## min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* Services Section */
	.services-section .service-box {
		width: 280px;
		display: block;
		margin: 0 auto 30px;
	}
	
	/* ABout */ 
	.what-we-section-half{
		background: #646464; /* Old browsers */
background: -moz-linear-gradient(top, #646464 0%, #747475 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#747475)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #646464 0%,#747475 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #646464 0%,#747475 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #646464 0%,#747475 100%); /* IE10+ */
background: linear-gradient(to bottom, #646464 0%,#747475 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#747475',GradientType=0 ); /* IE6-9 */
	}
	
	.what-we-section-half img {
		position: relative;
		top: 30%;
		height: auto;
	}
	
	.what-section-inner h2 {
		padding: 40px 40px;
	}
	
	.highlight-about .col-md-6:nth-child(2n-1) .highlight-inner,
	.highlight-about .col-md-6:last-child .highlight-inner {
		margin-bottom: 0;
	}
	
	/* Reason Section */
	.reason-box {
		min-height: 339px;
	}
	
	/* Our Deals */
	.deal-box ul  {
		padding: 0 35px;
	}
	
	.deal-box > a {
		margin-left: 35px;
	}
	
	/* Classes */
	/*.classes-section .box,
	.classes-section .box > img {
		min-height: 384px;
	}
	
	.classes-content {
		padding: 15% 5%;
	}*/	
	
	/*  Classes Highlight */
	.classes-highlight-img-box img {		
		margin-right: 138px;
	}
	
	/* Team Box */
	.team-box {
		min-height: 435px;
		width: 280px;
		display: block;
		margin: 0 auto 30px;
	}
}

/* ## min-width: 319 to max-width: 767 */
@media only screen and (min-width: 319px) and (max-width: 767px) {	
	/* Header */
	.banner-section img {
		height: 150px;
	}
	
	.services-section .service-box,
	.reason-box,
	.deal-box,
	.team-box	{
		width: 280px;
		display: block;
	}
	
	/* Services Section */
	.services-section .service-box {
		margin: 0 auto 30px;
	}
	
	/* Reason Section */
	.reason-box {		
		margin: 0 auto 95px;
		min-height: 385px;
	}
	
	.reason-section .col-md-4:last-child .reason-box {
		margin-bottom: 0;
	}
	
	/* Our Deals */
	.deal-box,
	.team-box {
		margin: 0 auto 30px;
	}
	
	/* Classes Section */
	.classes-main {
		width: 384px;
		margin: 0 auto;
		display: block;
		float: none;
	}
	
	.classes-section .box > img {
		width: 384px;
		min-height: 384px;
	}
	
	.classes-content {
		padding: 15% 5%;
	}
	
	/* Footer */
	.footer-bottom,
	.footer-bottom .widget-social ul {
		text-align: center;
	}
	
	.footer-bottom .widget-social ul {
		padding-left: 0;
	}
	
	/* About */
	.what-we-section-half {
		display: none;
	}
	
	.quote-section .item p {
		padding: 0 6%;
	}
	
	/* Team */
	.team-box,
	.fact-box {
		margin-bottom: 30px;
	}
	
	/* Blog */
	.blog-inner {
		width: 280px;
		margin: 0 auto 30px;
	}
	
	/* Contact */
	.contact-form .col-md-4 {
		padding: 0;
	}
	
	/* shop */
	.product  {
		width: 280px;
		display: block;
		margin: 0 auto 30px;
	}
	
	/*  Classes Highlight */
	.classes-highlight-img-box img {
		margin-right: 100px;
	}
	
	/* What We Section */
	.what-we-section {
		padding-top: 0;
	}
	
	.what-we-section-half {
		display: none;
	}
	
	.what-we-text {
		padding-top: 115px;
		padding-bottom: 115px;
		background-image: url("../images/about/brunette-exercise-2.jpg");
		margin-bottom: 115px;
	}
	
	.what-section-inner h2 {
		width: 400px;
		margin: 0 auto;
	}
	
	.highlight-about .col-sm-6:last-child .highlight-inner {
		margin-bottom: 0;
	}

	/* Blog Page */
	.blog-section .container {
		padding: 0 15px;
	}
	
	.comments-area .commentlist {
		padding-left: 10px;
	}
	
	.comments-area .commentlist ul {
		margin-left: -9px;
	}
}

/* ## min-width: 480 to max-width: 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.all-socials li {
		margin-right: 7px;
	}
}

/* ## min-width: 319 to max-width: 479 */
@media only screen and (min-width: 319px) and (max-width: 479px) {
	/*.classes-section */
	.classes-main {
		width: 100%;
		margin: 0 auto;
		display: block;
		float: none;
	}
	
	.classes-section .box,
	.classes-section .box > img {
		width: 100%;
		min-height: 300px;
	}
	
	.classes-highlight-img-box img {
		margin-right: 1%;
	}
	
	/* What We Section */
	.what-section-inner h2 {
		width: 280px;
		margin: 0 auto;
		padding: 60px 35px;
	}
	
	/* Blog Page */
	.all-socials li:first-child {
		display: block;
	}
}

/* ## min-width: 991 */
@media (max-width: 991px) {
	.header {
		position: relative;
		background-color: #EFEFEF;
	}
	
	.breadcrumb {
		margin: 0;
	}	

	.navbar-header { 
		float: none; 
	}

	.navbar-toggle { 
		background-color: #F62459;
		display: block;
		border: none; 
		margin-top: 46px; 
		margin-bottom: 47px; 
		margin-right: 0; 
		border-radius: 0;
	}
	
	.navbar-fixed-top .navbar-toggle { 
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.navbar-default .navbar-toggle .icon-bar { 
		background-color: #fff; 
	}

	.navbar-default .navbar-toggle:hover .icon-bar { 
		background-color: #000; 
	}
	
	.navbar-nav.navbar-right:last-child { 
		margin: 0; 
	}

	.navbar-collapse.in { 
		overflow-y: auto !important; 
	}
	
	.navbar-collapse { 
		padding: 0; 
		border-top: 1px solid transparent; 
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
	}
	
	.navbar-collapse.collapse { 
		display: none !important;
	}

	.collapse.in { 
		display:block !important; 
	}

	.navbar-nav {
		width: 100%; 
		margin: 0; 
	}

	.navbar-nav > li { 
		min-height: 0; 
		float: none; 
	}
	
	.navbar-right {
		float: none !important;
		margin-right: 0;
	}
	
	/* Logo Block */
	.header .logo-block {
		position: relative;
		z-index: 99;
		background-color: #0000FF;
		width: 110px;
	}
	
	.header .logo-block a {
		background-color: transparent;
		padding-bottom: 15px;
		padding-left: 0;
	}
	
	.header .navbar-fixed-top .logo-block a {
		padding-left: 15px;
	}
	
	.header .logo-block a span {
		padding: 9px 0 0 0;
		border-top: 1px solid #fff;
		text-align: left;
		margin-top: 5px;
	}
	
	.menu-block {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}
	
	.menu-block .navbar-nav {
		background-color: transparent;
		padding-bottom: 10px;
	}
	
	.menu-block .navbar-default .navbar-nav > li {
		margin: 0;
	}
	
	.navbar-fixed-top.header .menu-block .navbar-default .navbar-nav > li > a,
	.menu-block .navbar-default .navbar-nav > li > a {
		line-height: 35px;
	}
	
	.menu-block .navbar-right .dropdown-menu {
		position: relative;
		width: 100%;
		background-color: transparent;
		left: 0;
	}
	
	.menu-block .dropdown-menu > li > a {
		color: #fff;
	}
	
	.menu-block .dropdown-menu > li > a:hover {
		background-color: transparent;
		color: #FFB61E;
	}
	
	.menu-block .navbar-default .navbar-nav > li .dropdown-menu li a {
		padding: 5px 15px;
	}
	
	/* Classes Highlight */
	.classes-highlight-img-box,
	.classes-highlight-img-box img	{
		position: relative;
	}

	.classes-highlight-img-box img {
		right: 0;
		margin-top: 138px;
		float: right;
	}
}