.home-section {
	display: block;
	clear: both;
}
h2.section-title{
	color: #000000;
    font-size: 52px;   
	font-family:"Cabin Bold";
	text-shadow: "none";
}

.list-box-item .section-content p{
	font-family:"Cabin Regular";
	font-size: 20px;
	color:#707070;
}
.list-box-item .brandingc-button i:before{
	width: 40px;
	height: 40px;
	font-size:0;
	display: block;
	background-image: url(../images/arrow-right.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}
.list-box-item .brandingc-button i{
	padding: 14px;
	
}
.list-box-item .brandingc-button:hover i{
	background-color: #00ffff;
    border-radius: 50%;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    
}
.home-section.section-about{
    padding: 93px 0 128px;
}
.section-about h2.section-title{
    max-width: 46%;
    position: relative;
    padding-top: 39px;
	line-height: 65px;
}
.section-about h2.section-title:before{
	content:'';
	width: 146px;
	height: 6px;
	background: #00ffff;
	border-radius: 5px;
	display: block;
	position: absolute;
	    top: 0;
}
.section-about .list-box-item{
	    margin: 50px 0 0;
}
.section-about .list-box-item h3{
	color: #322f2d;
    font-size: 28px;
    font-family: "Cabin Bold";
    margin-bottom: 27px;
}
.section-about .list-box-item .section-content{
	margin-bottom: 20px;
}
.section-about .list-box-item .col-4{
	/* max-width: calc((100% - 228px) / 3); */
    /* width: 100%; */
    /* -ms-flex: 0 0 calc(100% / 3); */
    /* flex: 0 0 calc(100% / 3); */
    /* margin-right: 114px; */
	/* padding:0; */
	
	max-width: calc((100% - 207px) / 3);
    width: 100%;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    margin-right: 98px;
    padding: 0;
}
.section-about .list-box-item .col-4:last-child{
	margin-right:0;
}


/* section-brandingc */


.section-brandingc{
	margin: 0 0 85px;
	position: relative;
    overflow: hidden;
}
.section-brandingc .row{
	margin: 0;
}

.section-brandingc .row .col{
	padding:0;
}
.section-brandingc .row .col-6.col-images{
    max-width: 50.5%;
	-ms-flex: 0 0 50.5%;
    flex: 0 0 50.5%;
    width: 100%;	
	position: absolute;
    left: 0;
    height: 100%;
}
.section-brandingc .row .col-6.col-images img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.section-brandingc .achievements-list{
	margin-top: 54px;
}
.section-brandingc .row .col-6.col-content{
	float: right;
	padding-left: 102px;	    
	padding-bottom: 79px;
}


.section-brandingc .container{
   
    overflow: hidden;
}
.section-brandingc .row-brandingc{
	 display: block;
}
.section-brandingc .col-content h3.achievements-title{
	color: #322f2d;
    font-size: 40px;
    font-family: "Cabin Bold";
	text-transform: capitalize;
    margin-bottom: 33px;
	padding-top: 12px;
}

.section-brandingc .col-content .section-content p{
	color: #707070;
    font-size: 20px;
    font-family: "Cabin Regular";
	margin-bottom: 30px;
}
.top-title
.achievements-list{
	margin-top: 54px;
}
/* .achievements-list .col-item .content-inner{ */
	/* text-align: center; */
    /* background: #ebebeb; */
    /* border-radius: 50%; */
    /* padding:30px; */
/* } */
.achievements-list .col-item .content-inner {
    text-align: center;
    background: #ebebeb;
    border-radius: 50%;
    padding: 33px 21px;
    height: 128px;
}
.achievements-list .col-item .content-inner span{
	display: block;
}
.achievements-list .col-item .content-inner span.num{
	text-transform: uppercase;
	color: #000000;
    font-size: 30px;
    font-family: "Cabin Regular";
	    line-height: 30px;
}
.achievements-list .col-item .content-inner span.text{
	text-transform: capitalize;
	color: #322f2d;
    font-size: 20px;
    font-family: "Cabin Bold";
}
.achievements-list .col-item-1 .content-inner{
	box-shadow: 14px 2px 0px #00ffff;
}
.achievements-list .col-item-2 .content-inner{
	box-shadow: 14px 2px 0px #fff200;
}
.achievements-list .col-item-3 .content-inner{
	box-shadow: 14px 2px 0px #ff00ff;
}
.achievements-list .col-item-4 .content-inner{
	box-shadow: 14px 2px 0px #00ff00;
}
.achievements-list .col.col-sm-3{	
    max-width: calc((100% - 97px) / 4);
    width: 100%;
    margin-right: 32px;
}
.achievements-list .col.col-sm-3:last-child{
	margin-right:0;
}

/* section-services */

.section-services h2.section-title{
	max-width: 50%;
	color:#322f2d;
}
.list-services{
	margin-top: 107px;
}
.list-services .item .icon{	
	position: relative;
}
.list-services .item .icon .bgr-icon{	
	width: 98px;
    height: 98px;
    display: block;
    background: #d7d3d9;
    position: absolute;
    top: -15px;
    left: 0;
    z-index: -1;
    border-radius: 50%;
}
.list-services .item .icon img{
	margin-left: 34px;
    margin-top: 15px;
}
.list-services .item .description {
	margin-top: 16px;
}
.list-services .item .description a{
	font-family:"Cabin Bold";
	font-size: 28px;
	color:#322f2d;
	text-transform: uppercase;
}
.list-services .item .content-services{
	font-family: "Cabin Regular";
    font-size: 20px;
    line-height: 29px;
    color: #707070;
    margin-top: 18px;
}
.list-services .item.col-4 {
    max-width: calc((100% - 93px ) / 3);
    width: 100%;
    margin-right: 46px;
    margin-bottom: 87px;
}
.list-services .item.col-4:nth-child(3n){
	margin-right:0;
}


/* section porfolio */
.section-list-portfolio {
    padding-top: 40px;
}
.section-list-portfolio h2.section-title{
	font-size: 40px;
    margin-bottom: 26px;
	color:#322f2d;
}
.section-list-portfolio .top-title{
    max-width: 65%;
	margin-bottom: 45px;
}
.top-title .subtitle{
	font-family:"Cabin Regular";
	font-size: 20px;
	color:#707070;
}

.list-unstyled.row{
	margin:0;
}
.item.grid-item{
	max-width: calc((100% - 511px) / 3);
	width: 100%;
	display: inline-block;
	min-height: 304px;
	position: relative;
}
.item.grid-item.item-1,
.item.grid-item.item-5,
.item.grid-item.item-6,
.item.grid-item.item-10{
	max-width: 255px;
	width: 100%;	
}
.item.grid-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item.grid-item .portfolio-holder{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	display: none;
	padding: 20px;
}
.item.grid-item:hover .portfolio-holder{
    display: table;
}
.item.grid-item:hover .portfolio-holder p{
	background: rgba(62,241,240, 0.7);	
}
.item.grid-item .portfolio-holder p{
	text-align: center;
    color: #fff;
    font-size: 137.18px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-family: "Cabin Bold";
}

/* section-testimonial */
.section-testimonial{
    background: #f5f5f5;
    padding: 115px 0;
}
.section-testimonial .image{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}
.section-testimonial .item .the-content p{
	line-height: 36px;
    font-family: "Montserrat Medium";
    color: #000000;
    font-size: 20.5px;
    font-style: italic;
}
.section-testimonial .item .the-title h3{
	font-family:"Montserrat Medium";
	color:#000000;
	font-size: 16.03px;
	text-transform: capitalize;
}
.section-testimonial .slide-testimonial ul.slick-dots{
	padding:0;
	text-align: center;
	margin-top: 52px;
}
.section-testimonial .slide-testimonial ul.slick-dots li{
    display: inline-block;
    padding: 0 2.5px;
}
.section-testimonial .slide-testimonial ul.slick-dots li button{
	border: transparent;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 50%;
	font-size: 0;
}
.section-testimonial .slide-testimonial ul.slick-dots li.slick-active button{
	background: #555555;
}
.slide-testimonial{
	/* padding: 0 80px; */
	max-width: 93%;
    margin: 0 auto;
}
.slide-testimonial .item{	
	padding: 0 51px;
	 /* padding: 0 0px; */
    /* max-width: 600px; */
    /* width: 100% !important; */
	/* margin-right: 131px; */
	/* padding: 0 calc(131px / 2); */
	    /* margin: 0 52px; */
}


/* section-lastest-new */
.section-lastest-new{
    padding: 120px 0 131px;
}

.section-lastest-new h2.section-title{
	font-size: 40px;
	margin-bottom: 26px;
	color:#322f2d;
}
.section-lastest-new .title-blog p.feauture-article{
    font-family: "Cabin Regular";
    color: #707070;
    font-size: 20px;
}
.section-lastest-new .title-blog{
	max-width: 63%;
    margin-bottom: 64px;
}
.new-list-item .description h2 a{
	font-family: "Cabin Bold";
    color: #000000;
    font-size: 30px;
}
.new-list-item .description p{
	font-family:"Poppins Medium";
    color: #555555;
    font-size: 16px;
	line-height: 25px;	
}
.new-list-item .description p.infor{
	font-family:"Arial";
    color: #411e4f;
    font-size: 16px;
    margin-top: 17px;	
}
.new-list-item .description p span.the-author{
	text-decoration: underline;
}
.new-list-item .button-readmore{
	margin-top: 47px;
}
.new-list-item .button-readmore a:hover{
	background: #707070;
    color: #fff;
    border-color: #707070;
}
.new-list-item .button-readmore a{
	font-family:"Poppins Medium";
    color: #707070;
    font-size: 16px;
	text-transform: capitalize;
	border: 3px solid #cccccc;
	border-radius: 8px;
    padding: 8px 42px;
}
.new-list-item .item:nth-child(2) .row{
	display: flex;   
    flex-direction: row-reverse;
}
.new-list-item .item .image.col-6{
	max-width: 50.6%;
    width: 100%;
	overflow: hidden;
	-ms-flex: 0 0 50.6%;
    flex: 0 0 50.6%;
}
.new-list-item .item .image.col-6 img{
    object-fit: cover;
    width: 100%;
}
.new-list-item .item .description.col-6{
	max-width: 49.4%;
}
.new-list-item .item:nth-child(1) .description{
    padding-left: 72px;
    padding-top: 22px;
}
.new-list-item .item{
	margin-bottom: 93px;
	display: block;
    flex-basis: inherit;
}
.new-list-item .item:nth-child(2) {
	margin-bottom:0;
	
	right: -20px;
}
.new-list-item .item:nth-child(2) .description{
	/* padding-left: 82px; */
    /* padding-top: 34px; */
	
	
	padding-left: 58px;
    padding-top: 37px;
    padding-right: 124px;
}

.new-list-item .item .description{
	padding-right: 97px;
    line-height: 34px;
}
.new-list-item .item .description h2{
	margin-bottom: 15px;
	line-height: 33px;
}

/* section-creative */

.section-creative{
	background: #252525;
	position: relative;
}
.section-creative .row{
	position: relative;
    overflow: hidden;
    display: block;
}
.section-creative .col-image{
	position: absolute;
    left: 0;
	height: 100%;
	max-width: 44%;
}
.section-creative .col-image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-creative .col-text{
	float: right;
	max-width: 56%;
}
.section-creative .col-text p{
	font-family: 'Cabin Regular';
    font-size: 40px;
    color: #ffffff;
    line-height: 48px;
    margin-bottom: 72px;
}
.section-creative .col-text a:hover{
	color: #00ffff;
}
.section-creative .col-text a{
	font-family: 'Cabin Bold';
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 19px 39px;
    border: 2px solid #00ffff;
    border-radius: 8px;
    letter-spacing: 2.2px;
}
.section-creative .content-inner{
    max-width: 75%;
    padding: 106px 90px 154px 79px;
}

/* section-plan */
.section-plan{
	padding: 150px 0;
}
.section-plan .row{
	display: block;
    overflow: hidden;
}
.section-plan .row .col-text{
	max-width: 32.4%;
    width: 100%;
	float: left;
}
.section-plan .row .col-list-plan{
	max-width: 59.6%;
    width: 100%;
    float: right;
}
.section-plan h2.section-title{
	font-size: 40px;
	color:#322f2d;
	margin-bottom: 35px;
	padding-right: 15px;
}
.section-plan .title-plan{
	padding: 18px 0;
}
.section-plan .title-plan .sub-content p{
	font-family: 'Cabin Regular';
    font-size: 20px;    
    color: #707070;
	margin-bottom: 27px;
}
.section-plan .col-list-plan .row{
	display: flex;
	margin: 0;
}
.section-plan .col-list-plan .col-item-1{
	background: #66ffff;
}
.section-plan .col-list-plan .col-item-2{
	background: #fff657;
}
.section-plan .col-list-plan span.prices{
	font-family: 'Cabin Bold';
    font-size: 20px;    
    color: #000000;
	letter-spacing: 2px;
}
.section-plan .col-list-plan h3.name-plan{
	font-family: 'Cabin Bold';
    font-size: 40px;
    color: #000000;
	text-transform: capitalize;
}
.section-plan .col-list-plan .infor-plan ul{
	padding:0;
}
.section-plan .col-list-plan .infor-plan ul li{
	font-family: 'Cabin Regular';
    font-size: 20px;
    color: #000000;
	text-transform: capitalize;
	line-height: 46px;
}
.section-plan .col-list-plan .button-get-start:hover{
	background:#000;
	color:#fff;
}
.section-plan .col-list-plan .button-get-start{
    font-family: 'Cabin Bold';
    font-size: 20px;
    color: #010101;
    text-transform: uppercase;
    letter-spacing: 4.3px;
    border: 4px solid #000000;
    padding: 11px 38px;
    position: absolute;
    bottom: 60px;
}
.section-plan a.btn-full-detail:hover{
	background: #b8b8b8;
    color: #fff;
    border-color: #b8b8b8;
}
.section-plan a.btn-full-detail{
	font-family: 'Cabin Bold';
    font-size: 20px;
    color: #b8b8b8;
    text-transform: uppercase;
    letter-spacing: 4.3px;
    border: 4px solid #e3e3e3;
    padding: 12px 35px;
}
.section-plan .sub-content{
	margin-bottom: 69px;
}
.section-plan .col-list-plan .col-6{
	max-width: calc((100% - 85px) / 2);
	width: 100%;
}

.section-plan .col-list-plan .col-6.col-item-1{
	margin-right:84px;
}
.col-list-plan .col-6 .content-inner {
    padding: 56px 36px 108px;
    position: relative;
}
.col-list-plan .content-inner .top{
	position:relative;
}
.col-list-plan .content-inner .top:after{
	width: 100%;
	height: 7px;
	content:'';
	display: block;
	background: #000;
	border-radius:25px;
	margin-top: 20px;
}
.col-list-plan .infor-plan{
	margin-top: 33px;
    margin-bottom: 52px;
}

/* section-client-list */
.section-client-list{
    padding-top: 8px;
    background: #fff;
    padding-bottom: 110px;
	position: relative;
	border-bottom: 1px solid #cccccc;
}
.section-client-list .section-title{
	margin-bottom: 42px;
}
.section-client-list .section-title h3{
	text-align: center;
    font-family: 'Cabin Bold';
    font-size: 20px;
    color: #cacaca;
    text-transform: uppercase;
    letter-spacing: 12px;
}
.slide-logo{
margin-left: -18px;
    margin-right: -18px;	
}
.slide-logo .slick-list{
	/* overflow-x: inherit; */
	overflow-y: hidden;
    padding-bottom: 30px;
	
	
	
}
.slide-logo .item{
    padding: 0 18px;
}

.slide-logo .item img{
	border: 1px solid #e8e8e8;
    box-shadow: 3px 7px 13px rgba(0,0,0,.1);
	width: 100%;
    height: auto;
}

/* section footer */

/* == contact == */
.section-contact h2.section-title{
	font-size: 40px;
    font-family: "CabinCondensed Bold";	
    letter-spacing: 1.2px;
    margin-bottom: 23px;
}
.section-contact .sub-content{
	font-family: 'Arial';
	font-size: 18px;
	color:#000000;
}

.section-form{
	margin-top: 24px;
}
.section-form form .item {
	max-width: calc((100% - 50px) / 2);	
	width: 100%;
	display: inline-block;	
	margin-bottom: 32px;
}
.section-form form .item.item-left{
	margin-right: 46px;
}
.section-form form .item{
	position: relative;
}
.section-form form .item span.wpcf7-not-valid-tip{
	    position: absolute;
    width: 100%;
    bottom: -60px;
}
.section-form form .item  input, 
.section-form form .item  select, 
.section-form form .item  textarea{
	width: 100%;
	color:#404141;
	font-size: 16px;
	font-family: 'Arial';
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom: 6px solid #464646;	
	padding: 16px 0 21px;
    letter-spacing: 1px;
} 
.section-form form .item select:focus{
	outline:0;
}
.section-form form .item select{
	padding: 16px 0 21px;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.section-form form .item select.desktopDropDown::-ms-expand {
	display: none;
}
.section-form form .item.item-full{
	max-width: 100%;
	margin-top: -13px;
}
.section-form form .item textarea{
	height: 126px;
}
.section-form form .item textarea:placeholder{
	color:#404141;
	text-transform: capitalize;
}
.section-form form .item input:placeholder{
	text-transform: capitalize;
	color:#404141;
}
.section-form form .item textarea::-webkit-input-placeholder {
	color:#404141;
	text-transform: capitalize;
}
.section-form form .item input::-webkit-input-placeholder {
    color:#404141;
	text-transform: capitalize;
}

.section-form form .item textarea::-moz-placeholder {
	color:#404141;
	text-transform: capitalize;
}
.section-form form .item  input::-moz-placeholder {
    color:#404141;
	text-transform: capitalize;
}

.section-form form .item textarea::-ms-placeholder {
	color:#404141;
	text-transform: capitalize;
}
.section-form form .item input::-ms-placeholder {
    color:#404141;
	text-transform: capitalize;
}

.section-form form .item textarea::placeholder {
	color:#404141;
	text-transform: capitalize;
}
.section-form form .item input::placeholder {
	text-transform: capitalize;
    color:#404141;
}
.section-contact .col-sm-6.col-form{
	max-width: 53%;
	flex: unset;
}
.section-form form input.wpcf7-submit{
	font-family: 'Cabin Bold';
    font-size: 20px;
    color: #000000;    
    text-transform: uppercase;
    width: 100%;
    padding: 18px 0;
    border: 4px solid #000000;
    border-radius: 5px;
    background: transparent;
    margin-top: 13px;
}
.section-form form input.wpcf7-submit:hover{
	background:#000;
	color:#fff;
}
.section-contact .col-sm-6.col-infor {
	max-width: 47%;
    flex: unset;
    padding-left: 168px;
}

.section-contact .col-sm-6.col-infor .text-after-logo{	
	color:#000000;
	font-size: 18px;
	font-family: 'Arial';	
	margin-top: 26px;
    line-height: 28px;
    margin-bottom: 31px;
}
.section-contact .col-sm-6.col-infor ul{
	padding:0;
}
.list-social-share{
	padding-bottom: 26px;
    border-bottom: 1px solid #c7c7c7;
}
ul.social-menu li{
    display: inline-block;
    font-size: 24px;
    margin-right: 30px;
}
ul.social-menu li i.fa-facebook{
	color:#003471;
}
ul.social-menu li i.fa-twitter{
	color:#00bff3;
}
ul.social-menu li i.fa-youtube-play{
	color:#e60337;
}
ul.social-menu li i.fa-pinterest-p{
	color:#ff0707;
}
ul.social-menu li i.fa-google-plus{
	color:#ff0707;
}

.infor-contact{
	    margin-top: 54px;
}
.infor-contact ul li,
.infor-contact ul li a{
	font-family: "Cabin Bold";
	font-size: 22px;
	color:#000000;
}
.infor-contact ul li.phone a{
	font-size: 36px;
}
.infor-contact ul li{
	position: relative;
    padding-left: 41px;
    margin-bottom: 25px;
    line-height: 26px;
}
.infor-contact ul li i{
    position: absolute;
    font-size: 22px;
    color: #000000;
    left: 0;
    top: 2px;
}
.infor-contact ul li i.fa-map-marker{
	font-size: 28px;
    top: -1px;
}
.infor-contact ul li i.fa-phone-square{
    transform: rotate(270deg);
}
.infor-contact ul li.phone{
    margin-top: 44px;
}


.top-footer{
	padding-top: 105px;
	padding-bottom: 92px;
}
/* ======= Reponsive ======= */

@media screen and (max-width: 1480px){
	.new-list-item .item:nth-child(2) {	
		right: inherit;
	}
	.top-footer {	
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 1420px){
	.section-brandingc .row .col-6.col-content {
		padding-left: 82px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 1385px){
	.section-services h2.section-title,
	.section-about h2.section-title {
		max-width: 55%;
	}
	.section-about .list-box-item .col-4 {
		max-width: calc((100% - 130px) / 3);		
		margin-right: 65px;
	}
	.home-section.section-about {
		padding: 93px 0 83px;
	}
	.list-services {
		margin-top: 95px;
	}
	.section-list-portfolio {
		padding-top: 0px;
	}
	.section-testimonial {		
		padding: 95px 0;
	}
	.section-lastest-new {
		padding: 82px 0 105px;
	}
	.section-creative .content-inner {
		max-width: 100%;
		padding: 106px 51px 154px 79px;
	}
	.section-plan {
		padding: 98px 0 75px;
	}
	.section-client-list{
		padding-bottom: 78px;
	}
	/* .site-footer { */
		/* padding-top: 70px; */
	/* } */
	.section-contact .col-sm-6.col-infor {	
		padding-left: 95px;
	}
	.site-footer .top-footer {
		padding-bottom: 85px;
	}
	.section-plan .row .col-text {		
		padding-right: 30px;
	}
	.section-plan .col-list-plan .col-6.col-item-1 {
		margin-right: 45px;
	}
	.section-plan .col-list-plan .col-6 {
		max-width: calc((100% - 45px) / 2);		
	}
	.achievements-list .col-item .content-inner{
		height: auto;
	}
	.item.grid-item.item-1, 
	.item.grid-item.item-5,
	.item.grid-item.item-6, 
	.item.grid-item.item-10 {
		max-width: 155px;
	}
	.item.grid-item {
		max-width: calc((100% - 310px) / 3);
	}
	.top-footer {
		padding-top: 60px;
	}
}
@media screen and (max-width: 1300px){
	.section-brandingc .row .col-6.col-content {
		padding-left: 70px;
	}
	.achievements-list .col-item .content-inner{
		padding: 27px;
	}
	.section-creative .content-inner {
		padding: 75px 51px 118px 79px;
	}
	.section-plan .col-list-plan .button-get-start{
		font-size: 16px;
	}
	.col-list-plan .col-6 .content-inner {
		padding: 39px 20px 75px;	
	}
	.section-plan .col-list-plan .button-get-start{
	    bottom: 45px;
	}
	.slide-logo .item {
		padding: 0 7px;
	}
	.section-client-list {
		padding-bottom: 50px;
	}
	
	.site-footer .top-footer {
		padding-bottom: 56px;
	}
}

@media screen and (max-width: 1180px){
	.new-list-item .item {
		margin-bottom: 65px;
	}
	.new-list-item .item:nth-child(1) .description {
		padding-left: 50px;
	}
	.new-list-item .item .description {
		padding-right: 0;
	}
	.new-list-item .item:nth-child(2) .description {
		padding-left: 0;
		padding-right: 50px;
	}
	.section-creative .content-inner {
		padding: 70px 51px 108px 39px;
	}
	.section-testimonial .slide-testimonial ul.slick-dots{
		    margin-top: 30px;
	}
	.section-testimonial {
		padding: 70px 0;
	}
	.section-lastest-new {
		padding: 70px 0 85px;
	}
	.section-services h2.section-title, 
	.section-about h2.section-title {
		max-width: 75%;
	}
	.home-section.section-about {
		padding: 80px 0 70px;
	}
	.achievements-list .col-item .content-inner {
		padding: 22px;
	}
	.achievements-list .col-item .content-inner span.num{
		font-size: 26px
	}
	.achievements-list .col-item .content-inner span.text{
		font-size: 18px;
	}
	.section-brandingc .achievements-list {
		margin-top: 40px;
	}
	.section-brandingc .row .col-6.col-content{
		padding-bottom: 65px;
	}
	.section-about .list-box-item .col-4 {
		max-width: calc((100% - 50px) / 3);
		margin-right: 25px;
	}
	.section-plan .col-list-plan .button-get-start{
		    padding: 11px 15px;
	}
}

@media screen and (max-width: 1124px){
	.banner-top .page-title h1{
		font-size: 60px;
	}
	.banner-top .page-title p{
		font-size: 34.67px;
		line-height: 39px;
	}
	.banner-top .page-title {
		padding: 133px 0 165px;
	}
	.section-plan .col-list-plan h3.name-plan,
	.section-plan h2.section-title,
	.section-plan h2.section-title,
	.section-lastest-new h2.section-title,
	.section-list-portfolio h2.section-title,
	h2.section-title{
		font-size: 35px;
	}
	.section-lastest-new h2.section-title {		
		margin-bottom: 20px;
	}
	.section-about h2.section-title{
		line-height: 50px;
	}
	.section-brandingc .col-content h3.achievements-title{
		font-size: 35px;
		margin-bottom: 20px;
	}
	.achievements-list .col-item .content-inner {
		padding: 20px 22px;
	}
	.list-services {
		margin-top: 60px;
	}
	.list-services .item .description a{
		font-size: 23px;
	}
	.list-services .item.col-4{
		margin-bottom: 65px;
	}
	.slide-testimonial {
		padding: 0 30px;
	}
	.slide-testimonial .item {
		padding: 0 20px;
	}
	.section-lastest-new .title-blog {
		max-width: 75%;
	}
	.section-lastest-new .title-blog{
	    margin-bottom: 55px;
	}
	.new-list-item .description h2 a{
		font-size: 28px;
	}
	.section-creative .col-text p{
		font-size: 36px;
	}
	.col-list-plan .col-6 .content-inner {
		padding: 30px 15px 75px;
	}
	.section-brandingc .col-content .section-content p{
		margin-bottom: 15px;
	}
	.section-plan {
		padding: 80px 0 70px;
	}
	.section-brandingc .row .col-6.col-content {
		padding-left: 50px;
	}
	.section-brandingc .row .col-6.col-content{
		-ms-flex: 0 0 49.5%;
		flex: 0 0 49.5%;
		max-width: 49.5%;
	}
	.achievements-list .col-item .content-inner span.num {
		font-size: 23px;
	}
	.achievements-list .col-item .content-inner span.text {
		font-size: 16px;
	}
	.section-about .list-box-item h3{
		font-size: 23px;
	}
	.list-box-item .section-content p {    
		font-size: 18px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1050px){

	.section-brandingc .row .col-6.col-content {
		-ms-flex: 0 0 53%;
		flex: 0 0 53%;
		max-width: 53%;
	}
	.section-brandingc .row .col-6.col-images {
		max-width: 48%;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
	}
	.list-services .item.col-4 {
		max-width: calc((100% - 40px ) / 3);
		margin-right: 20px;
	}
	.section-list-portfolio .top-title {
		max-width: 85%;
	}
	.section-services h2.section-title, 
	.section-about h2.section-title {
		max-width: 85%;
	}
	.banner-top .page-title p{
		max-width: 85%;
	}
	
}
@media screen and (max-width: 980px){
	.section-about .list-box-item .col-4 {
		max-width: calc((100% - 30px) / 3);
		margin-right: 15px;
	}
	.slide-testimonial {
		padding: 0;
	}
	.new-list-item .item:nth-child(1) .description {
		padding-left: 30px;
	}
	.new-list-item .item:nth-child(2) .description {	
		padding-right: 30px;
	}
	.section-creative .content-inner {
		padding: 70px 30px 108px 30px;
	}
	.section-plan .col-list-plan .col-6.col-item-1 {
		margin-right: 25px;
	}
	.section-plan .col-list-plan .col-6 {
		max-width: calc((100% - 25px) / 2);
	}
	.section-contact .col-sm-6.col-infor {
		padding-left: 35px;
	}
	.section-form form .item.item-left {
		margin-right: 16px;
	}
	.section-form form .item {
		max-width: calc((100% - 20px) / 2);
	}
	.site-footer .top-footer {
		padding-bottom: 40px;
	}
	.slide-logo {
		margin-left: 0;
		margin-right: 0;
	}
	.section-plan .row .col-text {
		padding-right: 0px;
	}
	.section-creative .content-inner {
		padding: 70px 25px 108px 10px;
	}
	.section-creative .col-text p {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 48px;
	}
	.section-creative .col-text a{
		padding: 12px 25px;
		font-size: 17px;		
	}
	.section-creative .content-inner {
		padding: 59px 25px 90px 10px;
	}
}
@media screen and (max-width: 950px){
	.section-brandingc .row .col-6.col-content,
	.section-brandingc .row .col-6.col-images {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.section-brandingc .row .col-6.col-content {
		padding-left: 0;
		padding-bottom: 0;
		padding-right:0;
	}
	.section-brandingc .row .col-6.col-images{
		position: inherit;
		margin-bottom: 25px;
	}
	.achievements-list .col-item .content-inner span.num {
		font-size: 40px;
	}
	.achievements-list .col-item .content-inner span.text {
		font-size: 24px;
	}
	.section-brandingc .achievements-list{
		padding: 0 40px 10px;
	}
	.achievements-list .col-item .content-inner {
		padding: 52px 22px;
	}
	
	.section-client-list .section-title h3{
		letter-spacing: 8px;
	}
	
}
@media screen and (max-width: 920px){
	.achievements-list .col-item .content-inner {
		padding: 45px 22px;
		max-width: 150px;
		width: 100%;
		margin: 0 auto;
		height: 150px;
	}
	.section-brandingc {
		margin: 0px 0 55px;
	}
}
@media screen and (max-width: 850px){
	.section-form form .item {
		max-width: 100%;
	}
	.section-form form .item.item-left {
		margin-right: 0px;
	}
	.section-contact .col-sm-6.col-form {
		max-width: 100%;
		margin-bottom: 25px;
		padding: 0 15px;
	}
	.section-contact .col-sm-6.col-infor {
		padding-left: 15px;
		padding-right: 15px;	
		max-width: 100%;
	}
	.section-form form input.wpcf7-submit{
		width: auto;
		padding: 13px 15px;
		font-size: 18px;
	}
	.section-plan .row .col-text {
		max-width: 100%;
		margin-bottom: 30px;
		padding: 0px 20px;
	}
	.section-plan .row .col-list-plan {
		max-width: 100%;
	}
	.section-creative .col-image {
		position: inherit;		
		max-width: 100%;
	}
	.section-creative .col-text {
		float: left;
		max-width: 100%;
		padding: 0 20px;
	}
	.section-plan .sub-content {
		margin-bottom: 45px;
	}
	.section-plan {
		padding: 40px 0 70px;
	}
	.home-section.section-about {
		padding: 70px 0 50px;
	}
	.list-services .item.col-4 {
		max-width: calc((100% - 20px ) / 2);
		margin-right: 20px;
	}
	
	.list-services .item.col-4:nth-child(n) {
		margin-right: 20px;
	}
	.list-services .item.col-4:nth-child(2n) {
		margin-right: 0px;
	}
	.list-services .item.col-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;		
	}
	.item.grid-item,
	.item.grid-item.item-1, 
	.item.grid-item.item-5, 
	.item.grid-item.item-6, 
	.item.grid-item.item-10 {
		max-width: unset;
		height: 304px;
	}
	.new-list-item .item .col-6 {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
	}
	.new-list-item .item .image.col-6 {
		max-width: 100%;
		width: 100%;
		
		overflow: hidden;
		
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
		.new-list-item .item .description.col-6 {
		max-width: 100%;
	}
	.new-list-item .item:nth-child(1) .description {
		padding-left: 20px;
		padding-right: 20px;
	}
	.new-list-item .item:nth-child(2) .description {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 820px){
	.slide-testimonial .item{
		text-align: center;
	}
	.section-testimonial .image{
		margin: 0 auto;
	}
	.section-about .list-box-item .col-4 {
		max-width: calc(100% / 3);
		margin-right: 0px;
	}
	.list-box-item .section-content p {
		font-size: 18px;
		margin-bottom: 0;
	}
	.section-about .list-box-item .section-content{
		margin-bottom: 0;	
	}
}

@media screen and (max-width: 767px){
	.achievements-list .col-item .content-inner {
		padding: 38px 22px;		
		height: 134px;
	}
	.banner-top .page-title h1 {
		font-size: 40px;
	}
	.banner-top .page-title p {
		font-size: 26.67px;
		line-height: 34px;
	}
	.banner-top .page-title a{
		font-size: 16px;
		padding: 11px 14px;
	}
	.banner-top .page-title {
		padding: 107px 0 127px;
	}
	.section-lastest-new .title-blog {
		max-width: 100%;
	}
	.section-services h2.section-title, 
	.section-about h2.section-title {
		max-width: 100%;
	}
}
@media screen and (max-width: 720px){
	.section-about .list-box-item .col-4 {
		max-width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.section-about .list-box-item {		
		display: block;
	}
	.home-section.section-about {
		padding: 70px 0 20px;
	}
	.section-brandingc .achievements-list {
		padding: 0 35px 10px;
	}
	.achievements-list .col-item .content-inner{
		height: 137px;
	}
	.section-client-list .section-title h3{
		font-size: 18px;
		letter-spacing: 6px;
	}
	.section-contact h2.section-title {
		font-size: 33px;
	}
	.achievements-list .col-item .content-inner span.num {
		font-size: 26px;
	}
	.achievements-list .col-item .content-inner span.text {
		font-size: 16px;
	}
	.achievements-list .col-item .content-inner {
		height: 128px;
	}
}
@media screen and (max-width: 680px){
	.achievements-list .col.col-sm-3 {		
		height: 120px;
		display: table;
	}
	.achievements-list .col-item .content-inner {
		padding: 0;		
		display: table-cell;
		vertical-align: middle;
		height: auto;
	}
	
}
@media screen and (max-width: 650px){	
	
	.section-list-portfolio .top-title {
		max-width: 100%;
	}
	.list-services .item.col-4 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.list-services .item.col-4:nth-child(n) {
		margin-right: 0px;
	}
	.section-plan .col-list-plan .col-6.col-item-1 {
		margin-right: 10px;
	}
	.section-plan .col-list-plan .col-6 {
		max-width: calc((100% - 10px) / 2);
	}
	.col-list-plan .col-6 .content-inner {
		padding: 30px 0px 75px;
	}
	.section-plan .col-list-plan .button-get-start {
		font-size: 15px;
	}
	.section-plan a.btn-full-detail {
		font-size: 18px;
		padding: 10px 30px;
	}
}
@media screen and (max-width: 630px){
	.achievements-list .col.col-sm-3 {
		height: 105px;
	}
}
@media screen and (max-width: 550px){
	.achievements-list .col.col-sm-3 {
		height: auto;
	}
	.achievements-list .col-item .content-inner {
		padding: 20px 5px;
	}
	.section-brandingc .achievements-list {
		padding: 0 15px 10px;
	}
}
@media screen and (max-width: 500px){
	.section-plan .col-list-plan .col-6.col-item-1 {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.section-plan .col-list-plan .col-6 {
		max-width: 100%;
	}
	.section-plan .col-list-plan .row {
		display: block;
	}
	.section-form form input.wpcf7-submit {		
		font-size: 13px;
	}
	.infor-contact ul li {		
		margin-bottom: 15px;
	}
	.infor-contact ul li.phone {
		margin-top: 30px;
	}
	.infor-contact ul li, 
	.infor-contact ul li a {
		font-family: "Cabin Bold";
		font-size: 20px;
	}
	.infor-contact ul li.phone a {
		font-size: 28px;
	}	
}
@media screen and (max-width: 480px){
	.section-brandingc .row {
		margin: 0;
		display: block;
	}
	.achievements-list .col.col-sm-3 {
		max-width: calc((100% - 20px) / 2);		
		margin-right: 20px;
		 float: left;
	}
	.section-brandingc .achievements-list {
		padding: 0 53px 10px;
		overflow: hidden;
	}
	.achievements-list .col.col-sm-3:nth-child(2n){
		margin-right:0;
	}
	.achievements-list .col.col-sm-3 {
		height: 145px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 420px){
	.achievements-list .col.col-sm-3 {
		height: 120px;
	}
}
@media screen and (max-width: 375px){
	.infor-contact ul li, 
	.infor-contact ul li a{
		font-size: 17px;
	}
	.infor-contact ul li.phone a {
		font-size: 22px;
	}
	.infor-contact ul li i {		
		font-size: 17px;
		top: 4px;
	}
	.infor-contact ul li i.fa-map-marker {
		font-size: 24px;
		top: 5px;
	}
	.infor-contact ul li i.fa-phone-square{
		font-size: 20px;
	}
	.infor-contact ul li {   
		padding-left: 35px;
	}
	.section-creative .col-text p {
		font-size: 23px;
		line-height: 36px;
		margin-bottom: 37px;
	}
	.section-creative .col-text a {
		padding: 10px 25px;
		font-size: 13px;
	}
	.section-plan h2.section-title{
		padding-right: 0;
	}
	.section-plan .col-list-plan h3.name-plan, 
	.section-plan h2.section-title, 
	.section-plan h2.section-title, 
	.section-lastest-new h2.section-title, 
	.section-list-portfolio h2.section-title,
	h2.section-title {
		font-size: 30px;
	}
	.new-list-item .description h2 a {
		font-size: 23px;
	}
	.new-list-item .item .description h2 {		
		line-height: 23px;
	}
	.new-list-item .button-readmore a{
		padding: 9px 23px;
	}
	.banner-top .page-title h1 {
		font-size: 40px;
	}
	.banner-top .page-title p {
		font-size: 21.67px;
		line-height: 30px;
		max-width: 100%;
	}
	.section-about h2.section-title {
		line-height: 35px;
	}
	.section-brandingc .col-content h3.achievements-title {
		font-size: 30px;
	}
	.section-brandingc .achievements-list {
		padding: 0 38px 10px;
	}
	.top-footer {
		padding-top: 50px;
	}
	/* .section-contact h2.section-title { */
		/* font-size: 23px; */
	/* } */
	ul.social-menu li {		
		margin-right: 15px;
	}
}
@media screen and (max-width: 350px){
	.section-brandingc .achievements-list {
		padding: 0 23px 10px;
	}
	.achievements-list .col.col-sm-3 {
		height: 110px;
	}
}