/* ================================================================================================================ RESPONSIVE LAYOUT */
/*BISMILLAH*/
/*================================= v2. love you bunda, rafka, dean, amanda, mahen =======================================*/
/* ================================================================================================================ RESPONSIVE LAYOUT */
@media screen and (min-device-width: 801px) and (max-width: 1025px) {
/*====================================================================================================================== MEDIUM */
/*============================================== tagline */
.item-page-general.-home .tagline {
	padding: 150px 150px;
}
.serviceHomein {
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	align-items: center;
}
.serviceHomeinImg {
	flex: 0 0 50%;
	border: 0px solid #f00;
	display: block;
}
.serviceHome.creative {background: url(../../../images/assets/medium/creative-services.png) no-repeat right center;}
.serviceHome.website	{background: #ddd url(../../../images/assets/medium/website-services.png) no-repeat left center;}
.serviceHome.logo 		{background: #eee url(../../../images/assets/medium/logo-services.png) no-repeat right center;}
.serviceHome.video 		{background: #ddd url(../../../images/assets/medium/video-services.png) no-repeat left center;}
.serviceHome.interior {background: #eee url(../../../images/assets/medium/interior-services.png) no-repeat right center;}



/*============================================================================== Foot */
.boxFoot {
	border-top: 0px solid #ccc;
	background: #333 url(../../../images/assets/bgfoot.png) no-repeat right bottom;
	padding: 100px 30px 30px 30px;
	color: #999;
}
.boxFootTop {
	display: flex;
	justify-content: space-between;
	margin: 0px 0px 50px 0px;
}
.boxFootTop-1 {
	flex: 1 0 200px;
	margin: 50px 50px;
}
.boxFootTop-2 {
	flex: 1 0 200px;
	margin: 50px 50px;
}
/*============================================== TEAM */
.moduletable-teamBox {
	margin:  20px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
}

.custom-teamBox > ul {
	margin: 0px 0 0 -10px;
	padding: 0px;
	list-style: none;
}
.custom-teamBox > ul > li {
	width: 33.333%;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.custom-teamBox ul li:nth-of-type(3n+1) {clear: both;}
.custom-teamBox ul li:nth-of-type(n) {clear: none;}

/*============================================== TEAM LIST*/
.moduletable-team {
	position: relative;
	border: 0px solid #f00;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}
.moduletable-team h3{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #222;
	color: #ccc;
	font-size: 13px;
	line-height: 13px;
	font-weight: 300;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
}
.custom-team p {margin: 0px; line-height: 0}
.custom-team img {
	object-fit: cover;
	width: 100%;
	height: 160px;
}
/*============================================== ABOUT */
.moduletable-about {
	color: #ccc;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 26px;
}
.moduletable-about h4{
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 1px;
}
/*============================================== FOOTMID */
.boxFootMid {
	display:inline-flex;
	flex-wrap: wrap;
}
.boxFootMid div {
	flex: 1 0 300px;
}
.moduletable-footmenu h3,
.moduletable-address h3,
.moduletable-contact h3,
.moduletable-medSos h3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 3px;
	color: #eee;
}
.moduletable-footmenu h3:after,
.moduletable-address h3:after,
.moduletable-contact h3:after,
.moduletable-medSos h3:after{
	content: "";
	width: 30px;
	border-top: 1px solid #ccc;
	height: 1px;
	display: block;
	margin: 15px 0px 15px 0px;
}
/*============================================== FOOT MENU */
.moduletable-footmenu {
	border: 0px solid #eee;
	padding:0px 0px 0px 0px;
	margin: 50px 50px 50px 50px;
}
.moduletable-footmenu ul.menu-footmenu {
	margin: 0x;
	padding: 0px;
	list-style: none;
}
.moduletable-footmenu ul.menu-footmenu li{
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	display: inline-block;
}
/* link */
.moduletable-footmenu ul.menu-footmenu li a:link, 
.moduletable-footmenu ul.menu-footmenu li a:visited {
	color: #999;
}
/* active */
.moduletable-footmenu ul.menu-footmenu li.active a:link, 
.moduletable-footmenu ul.menu-footmenu li.active a:visited, 
.moduletable-footmenu ul.menu-footmenu li.current {
	color: #ccc;
}
/* hover*/
.moduletable-footmenu ul.menu-footmenu li a:hover,  
.moduletable-footmenu ul.menu-footmenu li a:active, 
.moduletable-footmenu ul.menu-footmenu li a:focus {
	color: #ccc;
	background: none;
}
.moduletable-footmenu ul.menu-footmenu li.item-101 {display: none;}
/*============================================== ADDRESS */
.moduletable-address {
	border: 0px solid #eee;
	padding:0px 0px 0px 0px;
	margin: 50px 50px 50px 50px;
}
.moduletable-address p {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*============================================== CONTACT */
.moduletable-contact {
	border: 0px solid #eee;
	padding:0px 0px 0px 0px;
	margin: 50px 50px 50px 50px;
}
/*============================================== medSos */
.moduletable-medSos {
	border: 0px solid #eee;
	padding:0px 0px 0px 0px;
	margin: 50px 50px 50px 50px;
}
.moduletable-medSos ul,
.moduletable-contact ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
.moduletable-medSos ul li,
.moduletable-contact ul li
{
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 32px;
	line-height: 24px;
}
.moduletable-contact ul li.cu
{
	padding-left: 0px;
	}
.moduletable-medSos ul li a,
.moduletable-contact ul li a
{
	color: #999;
}
.moduletable-medSos ul li a:hover,
.moduletable-contact ul li a:hover
{
	color: #ccc;
}
.moduletable-medSos ul li a:before,
.moduletable-contact ul li:before,
.moduletable-contact ul li a:before 
{
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 24px !important;
	color: #009bfe;
}
.moduletable-medSos ul li a:hover:before,
.moduletable-contact ul li a:hover:before 
{
	color: #000;
}
/*============================================== copyR */
.moduletable-copyR {
	border: 0px solid #000;
	padding: 0px 30px 20px 30px;
	margin: 50px 0px 0px 0px;
	font-size: 90%;
	color: #666;
}
.moduletable-copyR a {color: #888;}
.moduletable-copyR a:hover {color: #eee;}
.moduletable-copyR:before {
	content: "";
	width: 30px;
	border-top: 1px solid #009bfe;
	height: 1px;
	display: block;
}
/*====================================================================================================================== MEDIUM END */
}
/*====================================================================================================================== MEDIUM END */