/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*--
		 custom heading Start
	--*/
	.title {
		text-align: left;
	}

	/*--
		 nav Start
	--*/
	nav .block {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
	}
	nav .block .navbar-brand img {
		padding-left: 25px;
	}

	/*--
		 slider Start
	--*/
	#slider .block h3 {
		text-align: left;
	}
	#slider .block .owl-carousel img {
		width: 95%;
	}

	/*--
		 footer Start
	--*/
	#footer .block {
		padding-bottom: 20px;
	}
	#footer .block h3 {
		padding-bottom: 10px;
	}

	/*--
		 footer-bottom Start
	--*/
	#footer-bottom .block .navbar-nav {
		float: inherit;
		width: 70%;
		margin: 0 auto;
	}
	#footer-bottom .block p {
		text-align: center;
		padding-top: 0px;
	}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
	/*--
		 custom heading Start
	--*/
	.heading {
		text-align: center;
		font-size: 22px;
	}
	.heading span {
		font-size: 28px;
	}
	
	/*--
		 custom heading Start
	--*/
	.title {
		text-align: left;
	}
	
	/*--
		 nav Start
	--*/
	nav {
		position: relative;
	}
	nav .block {
		padding: 0px;
		margin-bottom: 0px;
		background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.6), #ffffff);
		background: -o-linear-gradient(right, rgba(255, 255, 255, 0.6), #ffffff);
		background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.6), #ffffff);
		background: linear-gradient(right, rgba(255, 255, 255, 0.6), #ffffff);
	}
	nav .block .navbar-brand img {
		margin-top: 10px;
		padding-left: 10px;
	}
	nav .block .navbar-default {
		margin-top: 10px;
		padding: 3px 0;
	}
	nav .block .navbar-default .navbar-header {
		padding-bottom: 15px;
		margin-top: 0px;
	}
	nav .block .navbar-default .navbar-header .navbar-toggle {
		margin-top: 21px;
		border: none;
	}
	nav .block .navbar-default .navbar-header .navbar-toggle .icon-bar {
		background: #EC1F38;
	}
	nav .block .navbar-default .navbar-header .navbar-toggle:focus {
		background: none;
	}
	nav .block .navbar-default .navbar-header .navbar-toggle:active {
		background: none;
	}
	nav .block .navbar-default .navbar-header .navbar-toggle:hover {
		background: none;
	}
	
	/*--
		 slider Start
	--*/
	#slider .block {
		padding-left: 0px;
		padding-right: 0px;
	}
	#slider .block .owl-carousel {
		padding-top: 15px;
		position: relative;
	}
	#slider .block .owl-carousel div img {
		width: 100%;
		height: auto;
		/* border-radius: 5px; */
		padding-right: 0px;
	}
	
	/*--
		 custom title Start
	--*/
	#title h2 {
		font-size: 20px;
	}
	#title h2 span {
		font-size: 25px;
	}
	
	/*--
		 footer Start
	--*/
	#footer .block {
		padding-bottom: 50px;
	}
	#footer .block .info ul li {
		width: 100%;
		margin-right: 0px;
	}
	#footer .block .portfolio img {
		margin-top: 20px;
	}
	#footer .block .portfolio ul li {
		margin-right: 0px;
		display: inline-block;
	}
	
	/*--
		 footer-bottom Start
	--*/
	#footer-bottom .block .navbar {
		display: none;
	}
	#footer-bottom .block p {
		text-align: center;
		padding-top: 0px;
	}
}
