/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                           //
//------------------------------------------------------------------*/
@media screen and (min-width: 1601px) { /* PC 1600+ PC XLarge */
	.menuAc{ display: none !important; }
}
@media screen and (max-width: 1600px) and (min-width:1440px) { /* PC 1400+ ~ 1600 PC Large */
	.menuAc{ display: none !important; }
}
@media screen and (max-width: 1439px) and (min-width:1200px) { /* PC 1200+ ~ 1440 Laptop  */
	.menuAc{ display: none !important; }
}
@media screen and (max-width: 1199px) and (min-width:992px) { /* PC 993+ ~ 1200 PC Medium */
	.menuAc{ display: none !important; }
	header .head-fixarea #headRight .top .contact .socialMedia {display: none;}
}
@media screen and (max-width: 991px) and (min-width:768px) { /* TABLET 768+ ~ 960 */
	.mobileClear, .menuAc { display: block; }
	header {position: relative;}
	header #headRight {display: none;}
	footer {margin-bottom: 55px;}
	footer .main .item {margin-bottom: 20px;}
	footer .main .item .title {text-align: center;}
	footer .main .item iframe {margin: 25px 0;}
	footer .main .item span.title:after {left: 50%; margin-left: -25px;}
	main #services figure .text {opacity: 1;}
}
@media screen and (max-width: 767px) and (min-width:640px) { /* TABLET 640+ ~ 768 */
	.mobileClear, .menuAc { display: block; }
	header {position: relative;}
	header .head-fixarea .logo a {width: 160px;}
	header #headRight {display: none;}
	main #services figure .text {opacity: 1;}
	footer {margin-bottom: 55px;}
}
@media screen and (max-width: 639px) and (min-width:480px) { /* MOBILE 480+ ~ 640 */
	.mobileClear, .menuAc { display: block; }
	header {position: relative;}
	header .head-fixarea .logo a {width: 160px;}
	header #headRight {display: none;}
	main #instagram .title {padding: 0 25px;}
	main #instagram .title img {width: 100%;}
	footer {margin-bottom: 55px;}
	footer .main .item {margin-bottom: 20px;}
	footer .main .item .title {text-align: center;}
	footer .main .item iframe {margin: 25px 0;}
	footer .main .item span.title:after {left: 50%; margin-left: -25px;}
	footer #copyright p {display: block;text-align: center;float: none;}
	footer #copyright a {display: block;text-align: center; float: none !important;}
	main #services figure .text {opacity: 1;}
}
@media screen and (max-width: 479px) and (min-width: 320px) { /* MOBILE 320+ ~ 480 */
	.mobileClear, .menuAc, .mContact { display: block; }
	header {position: relative;}
	header .head-fixarea .logo a {width: 160px;}
	header #headRight {display: none;}
	main #instagram .title {padding: 0 25px;}
	main #instagram .title img {width: 100%;}
	footer {margin-bottom: 55px;}
	footer .main .item {margin-bottom: 20px;}
	footer .main .item .title {text-align: center;}
	footer .main .item iframe {margin: 25px 0;}
	footer .main .item span.title:after {left: 50%; margin-left: -25px;}
	footer #copyright p {display: block;text-align: center;float: none;}
	footer #copyright a {display: block;text-align: center; float: none !important;}
	main #services figure .text {opacity: 1;}

	.ml20 {margin: 20px; width: 100%;}
	.ml20 a {
		margin: 0 5px;
	}
}