/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) { /* PC 1200+  */
	.menuAc{ display: none !important; }
}
@media screen and (max-width: 1400px) and (min-width:1300px) {
	.menuAc{display: none !important;}
}
@media screen and (max-width: 1199px) and (min-width:992px) {
	.mobileClear, .menuAc  { display: block; }
	.top .top-bar-contact {padding-left: 125px;}
	.top .top-bar-contact span {margin: 0 5px;}
	header nav.menu {padding: 24px 0 !important;}
	header nav.menu ul li a {padding: 0 5px;}
	main .posts ul li article h3 {font-size: 17px;}
	.slider ul li figure {border-bottom-left-radius: 38%;border-bottom-right-radius: 38%;}
}
@media screen and (max-width: 991px) and (min-width:768px) { /* TABLET 768+ ~ 960 */
	.mobileClear, .menuAc  { display: block; }
	.top {display: none;}
	header {height: 130px;}
	header .logo {margin: 10px 0; width: 50%; float: left;}
	header nav.menu {display: none;}
	main .posts {padding-top: 285px;}
	main .posts ul .owl-controls {margin-top: 0; top: auto;}
	main .posts ul .owl-controls .owl-buttons div {float: none !important;background: #0b4e2b;color: #FFF;margin: 15px;line-height: 40px;box-shadow: 1px 1px 20px 0px #000;}
	main .contact-form figure {position: relative;}
	main .contact-form {padding: 50px 0 0 0;}
	main .blog .items .item {padding: 25px 15px; width: 50%; float: left;}

	.bgPhoto {display: none !important;}
	#products .items {width: 100%;position: relative;top: 0;left: 0;transform: none; padding: 0;}
	.subPage .contentInner {margin: 40px 0;}
}
@media screen and (max-width: 767px) and (min-width:640px) { /* TABLET 640+ ~ 768 */
	.mobileClear, .menuAc  { display: block; }
	.top {display: none;}
	header {height: 110px;}
	header .logo {margin: 10px 0; width: 50%; float: left;}
	header nav.menu {display: none;}
	main .posts {padding-top: 285px;}
	main .posts ul .owl-controls {margin-top: 0; top: auto;}
	main .posts ul .owl-controls .owl-buttons div {float: none !important;background: #0b4e2b;color: #FFF;margin: 15px;line-height: 40px;box-shadow: 1px 1px 20px 0px #000;}
	main .contact-form figure {position: relative;}
	main .contact-form {padding: 50px 0 0 0;}
	main .blog .items .item {padding: 25px 15px; width: 50%; float: left;}
	main .posts ul li article h3 {font-size: 15px;}

	.bgPhoto {display: none !important;}
	#products .items {width: 100%;position: relative;top: 0;left: 0;transform: none; padding: 0;}
	.subPage .contentInner {margin: 40px 0;}
	.subPage aside.sidebar { margin-top: 50px; }
}
@media screen and (max-width: 639px) and (min-width:480px) { /* MOBILE 480+ ~ 640 */
	.mobileClear, .menuAc  { display: block; }
	.top {display: none;}
	header {height: 75px;}
	header .logo {margin: 10px 0; width: 50%; float: left;}
	header nav.menu {display: none;}
	main .posts {padding-top: 323px;}
	main .posts ul .owl-controls {margin-top: 0; top: auto;}
	main .posts ul .owl-controls .owl-buttons div {float: none !important;background: #0b4e2b;color: #FFF;margin: 15px;line-height: 40px;box-shadow: 1px 1px 20px 0px #000;}
	main .contact-form figure {position: relative;}
	main .contact-form {padding: 50px 0 0 0;}
	main .blog .items .item {padding: 25px 15px; width: 50%; float: left;}
	main .posts ul li article h3 {font-size: 15px;}

	.bgPhoto {display: none !important;}
	#products .items {width: 100%;position: relative;top: 0;left: 0;transform: none; padding: 0;}
	.subPage .contentInner {margin: 40px 0;}
	.subPage aside.sidebar { margin-top: 50px; }
}
@media screen and (max-width: 479px) and (min-width: 320px) { /* MOBILE 320+ ~ 480 */
	.mobileClear, .menuAc  {display: block;width: 40px;height: 40px;line-height: 40px;}
	.menuAc i {line-height: 40px;}
	.top-bar-contact {display: none;}
	header {height: 62px;}
	header .logo {margin: 10px 0; width: 50%; float: left;}
	header nav.menu {display: none;}
	.slider ul li figure {border-bottom: 7px solid #FFF;}
	main .posts {padding-top: 323px;}
	main .posts ul .owl-controls {margin-top: 0; top: auto;}
	main .posts ul .owl-controls .owl-buttons div {float: none !important;background: #0b4e2b;color: #FFF;margin: 15px 5px;line-height: 23px;box-shadow: 1px 1px 20px 0px #000;width: 35px;height: 35px;padding: 0;}
	main .posts ul .owl-controls .owl-buttons div i {font-size: 25px;line-height: 31px !important;}
	main .contact-form figure {position: relative; margin-top: 25px !important;}
	main .contact-form figure img {width: 100%; height: auto; display: block;}
	main .contact-form {padding: 50px 0 0 0;}
	main .blog .items .item {padding: 25px 15px;width: 100%;float: left;}
	main .posts ul li article h3 {font-size: 15px;}

	.bgPhoto {display: none !important;}
	#products .items {width: 100%;position: relative;top: 0;left: 0;transform: none; padding: 0;}
	.subPage .contentInner {margin: 40px 0;}
	.subPage aside.sidebar { margin-top: 50px; }
}
@media screen and (max-width: 319px) and (min-width: 240px) { /* MOBILE 240+ ~ 320 */
	.mobileClear, .menuAc  {display: block;margin-top: -33px;width: 40px;height: 40px;line-height: 40px;}
	.menuAc i {line-height: 40px;}
	.top {display: none;}
	header {height: 62px;}
	header .logo {margin: 10px 0; width: 50%; float: left;}
	header nav.menu {display: none;}
	.slider ul li figure {border-bottom: 7px solid #FFF;}
	main .posts {padding-top: 323px;}
	main .posts ul .owl-controls {margin-top: 0; top: auto;}
	main .posts ul .owl-controls .owl-buttons div {float: none !important;background: #0b4e2b;color: #FFF;margin: 15px 5px;line-height: 23px;box-shadow: 1px 1px 20px 0px #000;width: 35px;height: 35px;padding: 0;}
	main .posts ul .owl-controls .owl-buttons div i {font-size: 25px;line-height: 31px !important;}
	main .contact-form figure {position: relative; margin-top: 25px !important;}
	main .contact-form figure img {width: 100%; height: auto; display: block;}
	main .contact-form {padding: 50px 0 0 0;}
	main .blog .items .item {padding: 25px 15px;width: 100%;float: left;}
	main .posts ul li article h3 {font-size: 15px;}

	.bgPhoto {display: none !important;}
	#products .items {width: 100%;position: relative;top: 0;left: 0;transform: none; padding: 0;}
	.subPage .contentInner {margin: 40px 0;}
	.subPage aside.sidebar { margin-top: 50px; }
}