@media(max-width: 992px){
	.list-blog {
		padding-right: 40px;
	}
	.post-info span.category{
		display: block;
	}
	.item-blog h2 a,
	.detail-main h2 {
		font-size: 18px;
	}
	.sidebar-blog {
		padding: 0px 15px;
	}
	.page-head {
		padding-bottom: 30px;
	}
	.page-head.portfolio-head {
		padding-top: 130px!important;
	}
	.pd-bottom-40 {
		padding-bottom: 20px;
	}
	.pd-top-40 {
		padding-top: 20px;
	}
	.item-blog h2 {
		margin-top: 10px;
	}
	.recent-post h2 {
		font-size: 20px;
	}
	.recent-post ul li h3 a {
		font-size: 13px;
	}
	.recent-post ul li h3 {
		line-height: 18px;
	}
	.list-recent-post {
		padding: 5px;
	}
	.recent-post ul {
		margin-left: -5px;
		margin-right: -5px;
	}

}

@media(max-width: 767px){
	.member .link-box{
		opacity: 1;
		position: relative;
		margin-top: 10px;
		top: 10px;
	}
	.pd-top-mobile{
		padding-top: 0px;
	}
	#logomenu .row{
		margin: 0;
	}
	#logomenu .col-xs-12{
		padding: 0;
	}
	.contact-title{
		font-size: 36px;
		margin-bottom: 20px;
	}
	.menu-toggle{
		position: absolute;
		top: -62px;
		right: 0;
	}
	.contact-group .text{
		margin-top: 10px;
	}
	.navbar.active{
		top:14px !important;
	}
	.navbar{
		width: 100%;
		position: absolute;
		right: 0;
		top: 55px;
		width: 100%;
		margin-left: -150px;
		background: #2A1478;
		border-radius: 3px;
		visibility: hidden;
		display: none;
		opacity: 0;
		z-index: 999!important;     
	}
	.collapse{
		display: block;
		visibility: visible;
	}
	/* Our member */
	.member .content-link.facebook{
		left: -10px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.7);
	}
	.member .content-link.google{
		right: -10px;
		box-shadow: -2px 2px 3px rgba(0,0,0,0.7);
	}
	.count-project-content .col-sm-4:last-child{
		width: 100%;
	}
	.social-og {
		text-align: center;
	}
	.collapse ul li a:hover,
	.collapse ul li a:hover::after,
	.collapse ul li.current-menu-item a, 
	.collapse ul li.current-menu-item a::after {
		color: #FEFE00 !important;
	}
	.list-blog {
		padding-right: 0px;
	}
	.sidebar-blog ul li::before {
		left: 15px;
	}
	.content-blog{
		margin-bottom: 40px;
	}
	.detail-main h2{
		padding: 8px 0px;
	}

}
@media(max-width: 480px){
	
	.wpcf7-captchar{
		width: 100%;
		margin-top: 10px;
	}
	.form-left, .form-right{
		width: 100%;
		float: none;
	}
	.contact-form .form-submit{
		margin-top: 15px;
	}
	.content.locate{
		margin-top: 35px;
	}
	.contact-title{
		font-size: 28px;
	}
	.scroll-menu-nav{
		display: none;
	}
	.page-head{
		padding-bottom: 0;
	}
	.headding1{
		line-height: 50px;
		font-size: 32px !important;
	}

	body.home {
		padding-top: 85px;
	}
	.mg-head-mobile{
		display: block;	
		position: relative;
		text-align: center;
	}
	.mg-head-mobile .text{
		position: absolute;
		font-size: 36px;
		font-weight: bold;
		top:30%;
		color: #fff;
		text-transform: uppercase;
	}
	.mg-head-mobile .link{
		width: 100%;
		text-align: center;
		position: absolute;
		top: 62%;
	}
	.mg-head-mobile .link a{
		display: inline-block;
		height: 55px;
		padding:0 30px;
		line-height: 55px;
		background: #2a1476;
		border: 1px solid #ff7d7d;
		border-radius:3px;
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		margin: auto;
	}
	.mg-head-mobile .link a:hover{
		background-color: rgba(255, 125, 125, 0.9);
	}
	#logomenu{	
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.contact-group .text{
		margin-top: 2px;
	}
	.say-content .headding1{
		font-size: 26px;
	}
	.say-carousel:after{
		display: none;
	}
	.say-content .content-text{
		margin-left: 0;
	}
	.say-carousel .owl-controls{
		margin-left: 0;
	}
	.owl-theme .owl-controls .owl-dot span{
		width: 25px;
		height: 25px;
	}
	.form-box{
		margin-bottom: 0;
	}
	#tawkchat-minified-wrapper{
		display: none !important;
	}
	.about-content{
		padding-top: 30px;
	}
	.page-head.about-head, .page-head.portfolio-head{
		padding: 100px 0 20px 0!important;
	}
	.headding1 {
		font-size: 28px !important;
	}
	.text-posfolio {
		font-size: 15px;
		line-height: 20px;
	}
	.item-blog h2{
		text-align: center;
		line-height: 1em;
	}
	.item-blog h2 a {
		font-size: 15px;
	}
	.list-blog .previouspostslink, .list-blog .nextpostslink ,
	.post-info span {
		font-size: 12px;
	}
	.item-blog {
		margin-bottom: 15px;
	}
	.list-blog .wp-pagenavi a.page,
	.list-blog .wp-pagenavi span.current{
		padding: 0px 5px;
	}
	.list-blog .wp-pagenavi a.page,
	.list-blog .wp-pagenavi span.current {
		width: 25px;
		height: 25px;
	}
	.post-info {
		padding: 10px 5px;
	}
	.comments-title-maxweb {
		font-size: 18px;
	}
	#formcmmaxweb input#submit {
		padding: 8px 15px;
		font-size: 14px;
	}
	.text-left span {
		text-align: center;
		float: none;
		display: block;
	}
}
@media(max-width: 360px){
	.say-content .headding1{
		font-size: 20px;
	}
}
@media(min-width: 768px){
	/* Logo */
	#logo{
		text-align: left;
	}
	/*.mg-head{
		margin-top: 50px;
		}*/
		/* Menu */
		.menu-toggle{
			display: none;
			visibility: hidden;
		}
		.navbar{
			display: block !important;
		}
		.collapse ul li{
			padding-left: 10px;
		}
		.collapse ul li a{
			position: relative;
			color: #222222 !important;
			font-size: 15px;
			letter-spacing: 1px;
		}
		.collapse ul li a:before{
			width: 40px;
			height: 40px;
			position: absolute;
			content: "";
			left: 50%;
			top: 50%;
			transform: translate3d(-60%,-50%,0) scale(1.3);
			-webkit-transform: translate3d(-60%,-50%,0) scale(1.3);	
			border-radius:50%;
			border:4px solid #2a1476;
			border-left-color:rgba(0,0,0,0);
			border-right-color:rgba(0,0,0,0);
			opacity:0;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;	
			-o-transition: all 0.5s;	
		}
		.collapse ul li a:hover:before,
		.collapse ul li.current-menu-item a:before{
			transform: translate3d(-60%,-50%,0) scale(1);
			-webkit-transform: translate3d(-60%,-50%,0) scale(1);	
			opacity:1;
		}
		.collapse ul li a:after{
			position: absolute;
			top: 15px;
			left: -2px;
			font-family: "FontAwesome";
			color: #222222;
			font-size: 14px;
		}
		.collapse ul li.home a:after{
			content: "\f015";
		}
		.collapse ul li.about a:after{
			content: "\f007";
		}
		.collapse ul li.services a:after{
			content: "\f013";
		}
		.collapse ul li.portfolio a:after{
			content: "\f0b1";
		}
		.collapse ul li.blog a:after{
			content: "\f040";
		}
		.collapse ul li.quote a:after{
			content: "\f0e6";
		}
		.collapse ul li.contact a:after{
			content: "\f0e0";
		}
		#logomenu.menu-scroll{
			background: rgba(0,0,0,0.9);
		}
		/* Content */
		.content-text-right *{
			text-align: right;
		}
		/* Process */
		#process{
			margin-bottom: 0;
		}
		.control-wrapper{
			background: transparent;
		}
		.control-wrapper li{
			position: relative;
		}
		.control-wrapper li:not(:first-child):after,
		.control-wrapper li:not(:last-child):before{
			position: absolute;
			content: "";
			width: 42%;
			height: 0;
			top: -3px;
			border-bottom: 2px solid #a0a0a0;
		}
		.control-wrapper li:after{
			left: 0;
		}
		.control-wrapper li:before{
			right: 0;
		}
		.control .img{
			position: relative;
			display: block;
			margin: 10px auto;
			width: 50px;
			height: 50px;
			cursor: pointer;
		}
		.control .img:after{
			position: absolute;
			content: "";
			width: 25px;
			height: 25px;
			top: -25px;
			left: 50%;
			margin-left: -12.5px;
			border-radius: 25px;
			background: transparent;
			border: 2px solid #a0a0a0;
		}
		.img-cafe{
			background: url(../images/icon-cafe.png) no-repeat center center;
		}
		.img-art{
			background: url(../images/icon-art.png) no-repeat center center;
		}
		.img-code{
			background: url(../images/icon-code.png) no-repeat center center;
		}
		.img-check{
			background: url(../images/icon-check.png) no-repeat center center;
		}
		.control .text{
			background: transparent;
			padding: 0;
			text-align: center;
			color: #fff;
		}
		.control-wrapper .active .control .img:after{
			background: #2a1476;
			border-color: #fff;
		}	
		.control-item{
			padding-top: 80px;
			padding-left: 45px;
		}
		.control-item .content-title{
			color: #fff;
		}
		.control-item .content-text{
			color: #fff;
		}
		.control-nav{
			margin-left: 30px;
			max-width: 120px;
			margin-top: 50px;
			margin-bottom: 50px;
			padding: 7px 15px;
			background: transparent;
			border: 1px solid #fff;
			color: #fff;
			display: inline-block;
			text-align: center;
		}
		.control-item .content-title:after{
			left: -45px;
		}
		.imac{
			width: 47.667%;
			display: block;
			position: absolute;
			left: 0;
			bottom: -10%;
		}

		/* Project */
		.project-content .content-text{
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.project-carousel .item.show:after{
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #666;
			z-index: 1;
		}
		.project-carousel .item .content-detail{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.7);
			visibility: hidden;
			opacity: 0;
			transition: all .4s;
		}
		.project-carousel .item .content-detail:after{
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			top: 0;
			left: 50%;
			margin-left: -18px;
			border: 18px solid transparent;
			border-top: 18px solid #fff;
		}
		.project-carousel .item:hover .content-detail{
			visibility: visible;
			opacity: 1;
		}
		.project-carousel .item .content-title{
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			margin-top: -40px;
			font-size: 18px;
			font-weight: 500 !important;
			color: #fff;
			line-height:25px;
			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
			opacity: 0;
			transition: all .4s;
			-webkit-transition: all .4s;
			padding: 0 10px;        
		}
		.project-carousel .item .zoom,
		.project-carousel .item .link{
			position: absolute;
			width: 40px;
			height: 40px;
			top: 50%;
			left: 50%;
			margin-top: 10px;
			background: #666666;
			border-radius: 40px;
			color: #fff;
			font-size: 18px;
			text-align: center;
			line-height: 40px;
			display: block;
			transition: all .4s;
		}
		.project-carousel .item .zoom{
			margin-left: -45px;
			-webkit-transform: rotate(-30deg) translateX(-20px);
			transform: rotate(-30deg) translateX(-20px);
		}
		.project-carousel .item .link{
			margin-left: 5px;
			-webkit-transform: rotate(30deg) translateX(20px);
			transform: rotate(30deg) translateX(20px);
		}
		.project-carousel .item .link .fa{
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		.project-carousel .item .zoom:hover,
		.project-carousel .item .link:hover{
			background: #2a1476 !important;
		}
		.project-carousel .item:hover .content-title{
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
		.project-carousel .item:hover .zoom,
		.project-carousel .item:hover .link{
			-webkit-transform: translateX(0) rotate(0);
			transform: translateX(0) rotate(0);
		}
		/* They say */
		.say-content .bg-say{
			padding-top:30px;
			padding-bottom: 60px;
			background: url(../images/tesmi.png) bottom right 50px no-repeat;

		}
		.say-content .content-title{
			padding-bottom: 30px;
		}
		.they-say-all{
			display: none;
			width: 80px;
			height: 35px;
			line-height: 35px;
			background: #2a1476;
			color: #fff;
			text-align: center;
			border-radius: 3px;
			margin: 15px auto;
			transition: all .4s;
		}
		.they-say-all:hover{
			background: #F01C21;
			color: #fff;
		}
		.say-all-wrapper{
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: rgba(0,0,0,0.7);
			z-index: -1;
			visibility: hidden;
			opacity: 0;
			transition: all .4s .8s;
		}
		.say-all-wrapper.show{
			z-index: 999999;
			visibility: visible;
			opacity: 1;
			transition: all .4s 0s;
		}
		.say-all{
			position: fixed;
			top: 0;
			right: 0;
			width: 50%;
			height: 100%;
			background: #fff;
			overflow: scroll;
			padding: 50px 10px 15px;
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			transition: all .4s .4s;        
		}
		.say-all.show{
			-webkit-transform: translateX(0);
			transform: translateX(0);
			transition: all .4s .4s;              
		}
		.say-all-title{
			position: fixed;
			top: 0;
			right: 0;
			width: 50%;
			height: 50px;
			background: #fff;
			color: #2a1476;
			font-size: 30px;
			line-height: 50px;
			padding: 0 5px;
			border-bottom: 1px solid #C9CAC1;
			text-align: center;
			z-index: 9;
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transition: all .4s 0s;
		}
		.say-all-title.show{
			-webkit-transform: translateY(0);
			transform: translateY(0);
			transition: all .4s .8s;
		}
		.say-all-title .say-all-close{
			position: relative;
			display: block;
			width: 50px;
			height: 49px;
			float: right;
			background: #fff;
			margin-right: -5px;
			cursor: pointer;
			transition: all .4s;
		}
		.say-all-title .say-all-close:after,
		.say-all-title .say-all-close:before{
			position: absolute;
			content: "";
			background: #000;
			width: 35px;
			height: 3px;
			top: 22px;
		}
		.say-all-title .say-all-close:after{
			left: 8px;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.say-all-title .say-all-close:before{
			right: 7px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.say-all-title .say-all-close:hover{
			background: #000;
		}
		.say-all-title .say-all-close:hover:after,
		.say-all-title .say-all-close:hover:before{
			background: #fff;
		}
		.say-all-item{
			margin-bottom: 20px;
		}
		.say-all-item .avatar{
		/*width: 80px;
		height: 80px;*/
		margin: 0 auto;
	}
	.say-all-item .avatar img{
		/*width: 80px;
		height: 80px;*/
		border-radius: 80px;
		display: block;
	}
	.say-all-item .name{
		font-size: 18px;
		color: #000;
		text-transform: uppercase;
		padding: 10px 5px 0;
	}
	.say-all-item .content{
		font-size: 13px;
		color: #1F201C;
		padding: 5px;
		text-align: justify;
	}
	/* Our member */	
	
	.member .content-thumb:hover .content-link.facebook{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		transition: -webkit-transform .4s;
		transition: transform .4s;        
	}
	.member .content-thumb:hover .content-link.google{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		transition: -webkit-transform .4s .2s;
		transition: transform .4s .2s;        
	}
	/* Services */
	.service-create{
		background: url('../images/bgr-gradient.jpg') no-repeat center center;
		background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
	}
	.service-create .content{
		background: url('../images/light1.png') no-repeat center center;
		height: 600px;
	}
	.service-create .content .item{
		width: 30%;
		position: absolute;
	}
	.service-create .content .item.item-creative,
	.service-create .content .item.item-tendency,
	.service-create .content .item.item-creative .content-title,
	.service-create .content .item.item-tendency .content-title{
		text-align: right;
	}
	.service-create .content .item p{
		margin-top: 20px;
	}
	.service-create .content .item .content-title:after,
	.service-create .content .item .content-title:before{
		position: absolute;
		content: "";
		height: 1px;
		background: #000;
	}
	.service-create .content .item .content-title:after{
		width: 100%;
		bottom: -10px;
		left: 0;
	}
	.service-create .content .item.item-creative .content-title:before,
	.service-create .content .item.item-tendency .content-title:before{
		width: 45px;
		right: -45px;
		bottom: -10px;
	}
	.service-create .content .item.item-modern .content-title:before,
	.service-create .content .item.item-request .content-title:before{
		width: 45px;
		left: -45px;
		bottom: -10px;
	}
	.service-create .content .item.item-create{
		left: 0;
		top: 30px;
	}
	.service-create .content .item.item-creative .content-title:before{
		-webkit-transform: rotate(45deg) translateX(6px) translateY(16px);
		transform: rotate(45deg) translateX(6px) translateY(16px);
	}
	.service-create .content .item.item-tendency .content-title:before{
		-webkit-transform: rotate(-45deg) translateX(6px) translateY(-16px);
		transform: rotate(-45deg) translateX(6px) translateY(-16px);
	}
	.service-create .content .item.item-modern .content-title:before{
		-webkit-transform: rotate(-45deg) translateX(-6px) translateY(16px);
		transform: rotate(-45deg) translateX(-6px) translateY(16px);
	}
	.service-create .content .item.item-request .content-title:before{
		-webkit-transform: rotate(45deg) translateX(-6px) translateY(-16px);
		transform: rotate(45deg) translateX(-6px) translateY(-16px);
	}
	.service-create .content .item.item-modern{
		right: 0;
		top: 0px;
	}
	.service-create .content .item.item-tendency{
		left: 0;
		bottom: 30px;
	}
	.service-create .content .item.item-request{
		right: 0;
		bottom: 30px;
	}
	/* About */
	.progress-bar-content{
		background: url('../images/bgr2.jpg') no-repeat center;
	}
	/* Count project */
	.count-project-content{
		background: url('../images/bgr-count-pj.jpg') 50% 0 no-repeat fixed;
		background-position: center center;
	}
	/* Portfolio */
	.form-content{
		padding-left: 40px;
		padding-right: 40px;
	}

}

@media(min-width: 992px){
	.collapse ul li{
		padding-left: 12px;
	}
	/* Process */
	#process{
		margin-bottom: 120px;
	}
	.imac{
		width: 47%;
		bottom: -27%;
	}
	/* Services */
	.service-man{
		position: absolute;
		display: block;
		right: 42%;
		bottom: 0;
		padding-right: 65px;
	}
	/* Progress */
	
	.pgr-text{
		margin-bottom: 0;
	}
	/* Portfolio */
	
	/* Services */
	.service-create .content{
		background: url('../images/light.png') no-repeat center center;
		height: 630px;
	}
	.service-create .content .item.item-tendency{
		left: 25px;
		bottom:80px;
	}
	.service-create .content .item.item-request{
		right: 25px;
		bottom: 130px;
	}

}
@media(min-width: 1200px){
	.collapse ul li{
		padding-left: 20px;
	}
	.imac{
		bottom: -32%;
		width: 45.667%;
	}
	.service-content{
		padding-top: 200px;
		padding-bottom: 200px;
	}
	.service-man{
		right: 43%;
		bottom: 0;
		padding-right: 30px;
	}
	
}