/*
|----------------------------------------------------------------------
|       Media Queries
|----------------------------------------------------------------------
*/

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	/*_____ Home _____*/
	#banner .image {
		margin-left: 0;
		margin-right: 0;
	}
	#company .flexRow > .col2 {
		padding-left: 15px;
	}
	#cities .lst > li {
		width: 50%;
	}
	#posts .flexRow > .col {
		width: 100%;
	}
	/*_____ Common _____*/
	#blog .flexRow > .col1 {
		width: 70%;
	}
	#blog .flexRow > .col2 {
		width: 30%;
	}
	#blog .lst > li {
		width: 50%;
	}
	/*_____ Dashboard _____*/
	#calendar .flexRow > .col {
		width: 100%;
	}
	#design .flexRow > .col {
		width: 100%;
	}
	#design .outer > .inter {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	/*_____ Home _____*/
	.owl-carousel.owl-theme {
		padding: 0 20px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-prev {
		left: -10px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-next {
		right: -10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) {
	/*_____ Navigation _____*/
	body.move {
		left: -250px;
		right: 250px;
		overflow: hidden !important;
	}
	header.move {
		left: -250px;
		right: 250px;
	}
	body {
		left: 0;
	}
	.toggle {
		display: flex;
	}
	.upperlay {
		top: 70px;
	}
	body.move article {
		left: -250px;
	}
	nav {
		position: fixed;
		top: 0;
		right: -250px;
		bottom: 0;
		display: block;
		width: 250px;
		background: #fff;
		margin: 0 !important;
		flex-flow: wrap;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 5;
	}
	nav.move {
		right: 0;
		box-shadow: -3px 0 20px rgba(0, 0, 0, 0.15);
	}
	nav > ul {
		display: block;
		width: auto;
		margin: 0 !important;
	}
	nav > ul > li {
		display: block;
		height: auto;
		padding: 0;
		border-bottom: 1px solid #eee;
	}
	nav > ul > li:not(.btnLi) > a {
		display: block;
		height: 50px;
		text-align: left;
		padding: 15px 15px 0;
	}
	nav > ul > li.btnLi {
		padding: 15px 15px 0;
		border: 0;
	}
	nav > ul > li.btnLi > a {
		display: block;
		margin: 0 !important;
	}
	header .proIco {
		margin-left: 0;
		margin-right: 34px;
	}
	/*_____ Home _____*/
	#banner .outer {
		flex-flow: wrap;
	}
	#banner .image {
		margin: 40px 0 0;
	}
	#company .lst > li {
		width: 100%;
	}
	#company .lst > li .inner {
		padding: 0;
	}
	#company .flexRow > .col {
		width: 100%;
		padding: 15px;
	}
	#cities .lst > li {
		width: 50%;
	}
	#posts .flexRow > .col {
		width: 100%;
	}
	footer .flexRow {
		flex-flow: wrap;
	}
	footer .flexRow > .col {
		width: 100%;
		min-width: initial;
		flex: none;
	}
	footer .qLst {
		margin: 0 -15px;
	}
	footer .qLst > li {
		width: auto;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.copyright {
		margin-top: 20px;
	}
	/*_____ Common _____*/
	.logBlk h2 {
		font-size: 20px;
	}
	#about .company .flexRow > .col {
		width: 100%;
		padding-left: 15px;
	}
	#contact .flexRow > .col {
		width: 100%;
		padding: 15px;
	}
	#blog .flexRow > .col {
		width: 100%;
	}
	#blog .company .flexRow > .col:not(:nth-child(n + 3)) {
		width: 100%;
	}
	#blog .lst > li {
		width: 50%;
	}
	#blog .articleLst > li {
		width: 50%;
	}
	#gallery #sBanner .content {
		max-width: 340px;
	}
	#gallery .blocks .flexRow > .col,
	#gallery .reviews .flexRow > .col {
		width: 100%;
	}
	/*_____ Dashboard _____*/
	body.log.shift {
		left: 250px;
		right: -250px;
		overflow: hidden !important;
	}
	body.log header.shift {
		left: 250px;
		right: -250px;
	}
	body.log main,
	body.log header,
	body.log footer {
		padding-left: 60px;
	}
	body.log.shift main,
	body.log.shift header,
	body.log.shift footer {
		padding-left: 0;
		padding-right: 60px;
	}
	body.log header .logo {
		position: static;
		left: 75px;
	}
	article {
		top: 0;
		width: 60px;
		padding: 125px 0 0;
		z-index: 31;
	}
	article ul > li > a {
		padding: 14px 18px;
		line-height: 1;
		white-space: nowrap;
	}
	article ul > li > a > em {
		display: none;
	}
	article.shift ul > li > a > em {
		display: block;
	}
	article > .barBtn {
		display: flex;
	}
	#dash {
		padding-top: 50px;
	}
	#profileSet .flexRow > .col {
		flex: none;
		width: 100%;
	}
	#profileSet .flexRow > .col > h4 {
		display: none;
	}
	#calendar .flexRow > .col {
		width: 100%;
	}
	#tracker .flexRow > .col {
		width: 100%;
	}
	#design .flexRow > .col {
		width: 100%;
	}
	#design .outer > .inter {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	/*_____ All Site _____*/
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 15px;
	}
	.heading {
		font-size: 26px;
	}
	p.pre {
		font-size: 16px;
	}
	/*_____ Home _____*/
	#banner .content h1 {
		font-size: 36px;
	}
	footer .col p {
		font-size: 15px;
	}
	.copyright {
		margin-top: 30px;
	}
	.copyright .inner {
		flex-flow: column;
		align-items: center;
		text-align: center;
	}
	.copyright p {
		margin: 0 0 10px;
	}
	/*_____ Common _____*/
	#sBanner {
		min-height: 100px;
		padding: 40px 0 30px;
	}
	#sBanner .content h1 {
		font-size: 26px;
	}
	#about .weAre .lst > li {
		width: 100%;
	}
	#gallery #sBanner .list {
		margin: -15px;
	}
	#gallery #sBanner .list > li {
		padding: 15px;
	}
	#gallery #sBanner .list .inner h3 {
		font-size: 24px;
	}
	/*_____ Dashboard _____*/
	.itmBlk .lst > li {
		padding: 20px 15px;
	}
	.itmBlk .lst > li:nth-child(1) {
		padding-left: 15px;
	}
	.itmBlk .lst > li:nth-last-child(1) {
		padding-right: 15px;
	}
	.blockLst > table tr {
		border-bottom: 1px solid #eee;
	}
	.blockLst > table tr > * {
		display: block;
		width: 100%;
		padding: 3px 15px;
		text-align: center;
		border-bottom: 0;
	}
	.blockLst > table tr > *:nth-child(1) {
		padding: 15px 15px 3px;
	}
	.blockLst > table tr > *:nth-last-child(1) {
		padding: 3px 15px 15px;
	}
	.blockLst > table tr .name,
	.blockLst > table tr .days,
	.blockLst > table tr .orderId {
		max-width: 260px;
		margin: auto;
	}
	.blockLst > table tr .bTn {
		justify-content: center;
		margin-top: 0;
	}
	.blockLst > table tr .icoBlk {
		flex-flow: column;
	}
	.blockLst > table tr .ico {
		margin: 0 0 5px;
	}
	.blockLst > table tr .image {
		margin: auto;
	}
	.blockLst > table tr .adres {
		margin: auto;
	}
	#dash .topHead > h1 {
		font-size: 24px;
	}
	#orders .statusLst > li {
		width: 100%;
		padding-bottom: 50px;
	}
	#orders .statusLst > li:nth-last-child(1) {
		padding-bottom: 5px;
	}
	#orders .statusLst > li:before {
		content: "\e904";
		top: initial;
		left: 0;
		right: 0;
		bottom: 18px;
		font-size: 24px;
	}
}

@media screen and (max-width: 580px) {
	/*_____ col-xx-? _____*/
	.col-xx-12 {
		width: 100%;
	}
	.col-xx-11 {
		width: 91.66666667%;
	}
	.col-xx-10 {
		width: 83.33333333%;
	}
	.col-xx-9 {
		width: 75%;
	}
	.col-xx-8 {
		width: 66.66666667%;
	}
	.col-xx-7 {
		width: 58.33333333%;
	}
	.col-xx-6 {
		width: 50%;
	}
	.col-xx-5 {
		width: 41.66666667%;
	}
	.col-xx-4 {
		width: 33.33333333%;
	}
	.col-xx-3 {
		width: 25%;
	}
	.col-xx-2 {
		width: 16.66666667%;
	}
	.col-xx-1 {
		width: 8.33333333%;
	}
	.heading {
		font-size: 24px;
	}
	/*_____ Home _____*/
	#banner .content h1 {
		font-size: 32px;
	}
	#company .content p {
		font-size: 16px;
	}
	/*_____ Common _____*/
	.popup .list > li {
		flex-flow: column;
	}
	.popup .list > li > div:nth-child(1) {
		width: 100%;
		min-width: 100px;
		margin: 0 0 3px;
	}
	#blog .company .flexRow > .col .newsBlk {
		display: block;
	}
	#blog .company .flexRow > .col .newsBlk .image,
	#blog .company .flexRow > .col .newsBlk .cntnt {
		width: initial;
	}
	#blog .company .flexRow > .col .newsBlk .cntnt {
		padding: 20px 0 0;
	}
	#blog .company .flexRow > .col .newsBlk .cntnt h2 {
		max-width: none;
	}
	/*_____ Dashboard _____*/
	header .proIco .proName {
		display: none;
	}
	#dash .topHead > h1 {
		font-size: 22px;
	}
	#profileSet .flexRow {
		flex-flow: wrap;
	}
	#profileSet .flexRow > .col {
		width: 100%;
	}
	#profileSet .flexRow > .col > h4 {
		display: none;
	}
	#design .itmBlk {
		flex-flow: wrap;
	}
	#design .itmBlk .image {
		width: 100%;
		min-width: initial;
	}
	.itmBlk .lst {
		flex-flow: wrap;
	}
	.itmBlk .lst > li {
		width: 100%;
		padding: 10px 15px;
		text-align: center;
	}
	.itmBlk .lst > li:nth-child(1) {
		padding-top: 25px;
	}
	.itmBlk .lst > li:nth-last-child(1) {
		padding-bottom: 25px;
	}
	.itmBlk .lst > li .icoBlk {
		flex-flow: column;
	}
	.itmBlk .lst > li .ico {
		margin: 0 0 10px;
	}
	.itmBlk:after {
		top: initial;
		left: 0;
		right: 0;
		bottom: 20px;
	}
}

@media screen and (max-width: 480px) {
	/*_____ col-xx-? _____*/
	.col-xx-12,
	.col-xx-11,
	.col-xx-10,
	.col-xx-9,
	.col-xx-8,
	.col-xx-7,
	.col-xx-6,
	.col-xx-5,
	.col-xx-4,
	.col-xx-3,
	.col-xx-2,
	.col-xx-1 {
		width: 100% !important;
	}
	/*_____ Home _____*/
	#cities .lst > li {
		width: 100%;
	}
	/*_____ Common _____*/
	#sBanner {
		padding: 50px 0 30px;
	}
	#sBanner .content h1 {
		font-size: 22px;
	}
	#contact form .webBtn {
		width: 100%;
	}
	#blog .lst > li,
	#blog .articleLst > li {
		width: 100%;
	}
	.faqLst > li {
		padding-left: 0;
		padding-right: 0;
	}
	#publicity .uploadBlk {
		padding: 25px;
	}
	#publicity .uploadBlk:before {
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	#publicity .uploadBlk .icon {
		max-width: 80px;
	}
	#gallery #sBanner .content {
		max-width: none;
	}
	/*_____ Dashboard _____*/
	body.log .bTn > * {
		width: 100%;
	}
	#calendar .listing > li {
		flex-flow: column;
		align-items: center;
		padding: 10px 0;
	}
	#calendar .listing > li > div {
		padding: 6px 16px;
	}
	#calendar .miniHead {
		flex-flow: column;
	}
	#calendar .miniHead > h4 {
		margin: 0 0 5px;
	}
	#calendar .miniTble + .bTn > .webBtn > em:nth-child(1) {
		display: none;
	}
	#calendar .miniTble + .bTn > .webBtn > em:nth-child(2) {
		display: block;
	}
	#tracker .flexGrp {
		display: block;
	}
	#tracker .flexGrp > a {
		margin: 5px 0 0;
	}
}

@media screen and (max-width: 380px) {
	/*_____ All Site _____*/
	p.pre {
		font-size: 15px;
	}
	/*_____ Home _____*/
	#banner .content h1 {
		font-size: 26px;
	}
	#banner .content p {
		font-size: 16px;
	}
	/*_____ Common _____*/
	.review .icoTxt {
		display: block;
	}
	.review .icoTxt .title {
		margin: 0 0 5px;
	}
	#gallery #sBanner .list .inner h3 {
		font-size: 20px;
	}
	.logBlk form {
		padding: 20px;
	}
	/*_____ Dashboard _____*/
	body.log .uploadBlk .bTn .bookBtn {
		min-width: 160px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*
|----------------------------------------------------------------------
|       Media Queries Height
|----------------------------------------------------------------------
*/

@media screen and (max-height: 420px) {
}

@media screen and (min-height: 768px) {
}

@media screen and (min-height: 1040px) {
}