@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
html{
	overflow-x:hidden;
}
body { 
	margin: 0px;
	color: #464646;
	font-size:15px;
   	font-family: 'Poppins', sans-serif;
	font-weight:400;
	line-height:normal;
	padding:0px;
	font-display: swap;
}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6{
	margin:0px;
	color:#000;
	line-height:normal;
	font-weight:700;
	margin-bottom:15px;
   	font-family: 'Poppins', sans-serif;
	font-display: swap;
}
h1{
	font-size:50px;	
	font-weight:800;
}
h2 {
    font-size:50px;
	font-weight:800;
	margin:0px;
	padding:0px;
}
h3{ 
	font-size:34px;
}
h4{ 
	font-size:30px;
}
h5{ 
	font-size:18px; font-weight:600; text-transform:uppercase;
}
h6{ 
	font-size:18px; font-weight:400; letter-spacing:1px; margin:0px; padding:0px;
}
hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}
p, ul, ol{ margin:0px; line-height:30px; padding:0px;}
ul *, ol * { margin:0px; padding:0px;}
ol,ul { padding-left: 25px;}
ul {display:block; 
	list-style:none;}
ul li{
	line-height:30px;
}
ul li+li{
}
a img { border: 0px;}
p,ul,ol {
    margin-bottom: 0px;
}
.clr{ display: block; float: none; clear: both;}
.c { overflow:hidden; float:none;}
.underline{text-decoration:underline;}
.round5 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round15 {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(css/PIE.htc);
	position: relative;
}

.left,.flot_left{ float:left;}
.right,.flot_right{ float:right ;}
.a_left { text-align: left ;}
.a_center { text-align: center;}
.a_right { text-align: right;}
a { text-decoration:none; }
.hidden { display:none;}
.italic{
	font-style:italic;	
}
.bold{
	font-weight:bold;	
}
table{
	border-spacing:0px;
	border-collapse:collapse;
}
input[type="text"],input[type="url"],input[type="tel"], input[type="email"], input[type="password"], select, textarea {
    background:#fff;
    font-size: 14px;
    resize: vertical;
    width:100%;
	font-weight:300;
	box-sizing:border-box;
   	font-family: 'Poppins', sans-serif;
	font-display: swap;
	border:#b6b5b5 1px solid; 
	border-radius:35px; 
	padding:19px 25px; 
	color:#717171;
}
textarea {
    width:100%;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { }
select { padding:6px 25px; width:100%; border:#b6b5b5 1px solid;border-radius:35px; height:60px;}
input[type="button"], input[type="submit"], input[type="reset"], .primary-button, .btn {
   font-family: 'Poppins', sans-serif;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	background: #ed5561 !important;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    min-width: 210px;
    padding: 20px 15px;
    text-align: center;
    vertical-align: top;
	text-transform:uppercase;
	letter-spacing:2px;
	border:0px;
	border-radius:50px;
	font-display: swap;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover ,.primary-button:hover,.btn:hover,.primary-button:focus,.btn:focus{ 
	background-color:#e12f3d;
	color:#fff;
}
.form-control {
    border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    -webkit-border-radius:0px;
    box-shadow: 0 0 0;
    height: auto;
}
a:focus{
	outline:none;	
	text-decoration:none;
}
a{
	color:#043d2f;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	
}
a:hover,a:focus{
	text-decoration:none;
	color:#ff7200;
}
.cfx::after {
    clear: both;
    content: "+";
    display: block;
    height: 0;
    visibility: hidden;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}	
/*-------------------------*/
.clr{ clear:both;}
#mob_menu{
	position: fixed;
	background-color:#ed5561;
	height: 100%;
	z-index: 999999;
	width: 280px;
	color: #fff;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
	left:-320px;
	overflow:auto;
}
#mob_menu.show_menu{
	left:0px;
}
#mob_menu .closeBox{
	text-align:right;
	padding:8px 15px;
}
#mob_menu ul,
#mob_menu ul li{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#mob_menu ul li{
	display:block;	
}
#mob_menu ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 8px 15px;
    text-transform: uppercase;
	text-align:left;
}
#mob_menu ul li + li {
    border-top:1px solid #d52130;
}
.mobile-btn {
    display: none;
    float: right;
    margin-top: 23px;
    padding: 0px;
    width: 54px;
	cursor:pointer;
}
#mob_menu ul li ul {
    display: none;
    position: relative;
}
#mob_menu ul li:hover > ul{ display:block;}
#mob_menu ul li.menu-item-has-children > a::after {
    content: "";
    font-family: "FontAwesome";
    height: 10px;
    position: absolute;
    right: 16px;
    top: 7px;
    width: 10px;
	
}
#mob_menu .menu-item-has-children {
    position: relative;
}
#mob_menu ul li ul li a {
    text-transform: none;
}
/*--------------------------------------*/
.button-box {
}
.button-box a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .button-box a {
    background: #ed5561;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    min-width: 210px;
    padding: 20px 15px;
    text-align: center;
    vertical-align: top;
	text-transform:uppercase;
	letter-spacing:2px;
	border:0px;
	border-radius:50px;
}
.button-box a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,button-box a {
    background: #e12f3d;
}
.button-box a.green-button{
	font-weight:600; color:#000;
}
.button-box a.green-button:hover{
	background:#000;
	color:#fff;
}
.button-box a.black-button{font-weight:600; color:#fff; background:#000;}
.button-box a.black-button:hover{
	background:#8ac34a;
	color:#000;
}
/*-----------------------------------------------*/
.top-section{ position:absolute; top:50px; z-index:999; width:100%;}
.top-section .logo-block{ float:left; width:225px;}
.top-section .menu-block{ float:left; width:calc(100% - 425px); text-align:center; padding-top:17px; display:block;}
.top-section .menu-block ul li{ display:inline-block; padding:0 25px;}
.top-section .menu-block ul li a{ color:#000; font-size:17px; font-weight:500; display:block; position:relative;}
.top-section .menu-block ul li a::after{color:#ffa800; position:absolute; content:"<"; font-size:23px; font-weight:700; left:-14px; top:0; opacity:0;visibility:hidden;}
.top-section .menu-block ul li a::before{position:absolute; content:""; right:-23px; background:url(../images/web-developer-menu-hover-right-image.png) no-repeat; width:18px; height:13px; top:50%; transform: translateY(-50%); opacity:0;visibility:hidden;}
.top-section .menu-block ul li a:hover::after, 
.top-section .menu-block ul li a:hover::before,
.top-section .menu-block ul li.current-menu-item a::after,
.top-section .menu-block ul li.current-menu-item a::before{ color:#ffa800; opacity:1; visibility:visible;}
.top-section .call-box{ float:right; width:200px; padding-top:20px; color:#000; text-align:right;}
.top-section .call-box img{ margin-right:10px;}

.banner-section{ background:#f3f3f3;}

.about-section{ background:url(../images/web-developer-about-bg.png) no-repeat right bottom; padding:100px 0;}
.about-section .about-image-block{}
.about-image-block .about-link-box{ overflow:hidden;}
.about-image-block .about-link-box .wpb_wrapper{float: left;background: #dddddd none repeat scroll 0 0;height: 233px;width: 310px; padding:34px; position:relative;}
.about-image-block .about-link-box .wpb_wrapper::after{ content:"\f0da"; position:absolute; font-family:'FontAwesome'; bottom:13px; right:21px; font-size:33px; color:#000;}
.about-image-block .about-link-box p{ line-height:40px; overflow:hidden;}
.about-image-block .about-link-box p a{color: #000;font-size: 33px;font-weight: 800;}
.about-image-block .about-link-box p a::after{ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99;}
.about-image-block .about-link-box .wpb_wrapper:hover{ background:#ff8400;}
.about-image-block .about-link-box .wpb_wrapper:hover p a, .about-image-block .about-link-box .wpb_wrapper:hover::after{ color:#fff;}
.about-image-block .about-image{ overflow:hidden;}
.about-image-block .about-image .wpb_wrapper.vc_figure{ float:right;height: 233px;width: 475px;}

.about-section .about-text{ padding:50px 0;}
.about-section .about-text h2{ padding-top:15px;}
.about-section .about-text h6{ padding-bottom:35px;}
.about-section .about-text p{ margin-bottom:20px;}

.service-section{ background:#ffe3e3 url(../images/web-developer-service-bg.png) no-repeat center bottom; text-align:center; padding:90px 0;}
.service-section .service-sub-text, .testimonial-section .testimonial-sub-text, .contact-section p, .about-text-area .sub-heading p, .web-service-section .sub-head{ color:#000; letter-spacing:1px;}
.service-section .web-services-section{ margin:100px auto; width:70%;}
.web-services-section .design-block{ background:#fff; padding:30px 30px 40px; text-align:center;}
.web-services-section .design-block h5{ padding:0px; margin:0 0 10px;}
.web-services-section .design-block p{ text-align: left;}
.design-block .default-design-icon{ display:block; margin-bottom:15px !important;}
.design-block .design-icon-hover{ display:none; margin-bottom:15px !important;}
.design-block.wpb_column.vc_column_container.vc_col-sm-6{ margin:0 20px; width:calc(50% - 40px);}
.design-block .arow-icon.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left{ text-align:right;}
.design-block .arow-icon.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left span{ color:#c4c4c4;}
.design-block .arrow a {
    display: block;
    text-align: right;
}
.design-block .arrow a .fa{font-family:'FontAwesome'; font-size:18px; color:#c4c4c4; text-align:right;}

.web-services-section .design-block:hover{background:#ffb400;}
.web-services-section .design-block:hover h5 ,
.web-services-section .design-block:hover p, 
.web-services-section .design-block:hover .arrow a .fa,
.design-block:hover .arow-icon.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left span{ color:#fff;}
.web-services-section .design-block:hover .default-design-icon{ display:none;}
.web-services-section .design-block:hover .design-icon-hover{ display:block;}

.portfolio-section{ padding:80px 0 75px; background:#f3f3f3;}
.portfolio-section .view-button{ text-align:right; padding-top:73px;}
.portfolio-section .view-button .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{ margin-bottom:0px;}
.portfolio-section .view-button a{ color:#ed5561; font-size:18px; font-weight:700; letter-spacing:1px;}
.portfolio-section h5{ text-transform:none; margin:0px; padding:0px; font-weight:400;}
.portfolio-gallery{ background:#f3f3f3; padding-bottom:80px;}
.portfolio-gallery .vc_column_container > .vc_column-inner{ padding-left:0px; padding-right:0px;}


.testimonial-section{ background:url(../images/web-developer-testimonial-bg.png) no-repeat bottom center; padding:80px 0; text-align:center;}
.testimonial-section .testimonial-list{ width:70%; margin:90px auto;}
.testimonial-list .testimonial-block-one{ background:#f3f3f3; padding:20px 0 60px; text-align:center; border:#dbdbdb 1px solid; border-radius:15px; border-top-left-radius:0px; border-bottom-right-radius:0px; position:relative;}
.testimonial-block-one.wpb_column.vc_column_container.vc_col-sm-4 { margin: 0 20px; width: calc(33.33% - 40px); }
.testimonial-list .testimonial-block-one h4{ font-size:15px; font-weight:700; color:#000; text-transform:uppercase;}
.testimonial-list .testimonial-block-one .testimonial-thumb{border: 3px solid #dbdbdb; border-radius: 50%; bottom: -45px; height: 85px; left: 50%; overflow: hidden; position: absolute; transform: translateX(-50%); width: 90px;}

.contact-section{ background:#f3f3f3 url(../images/web-developer-contact-bg.png) no-repeat right bottom; padding:80px 0;}
.contact-section p{}
.contact-section .contact-content-section{ padding-top:65px;}
.contact-content-section .form-box{}
.form-box .input-field-box{ margin-bottom:30px; font-size:0px;}
.input-field-box .name-box{ display:inline-block; vertical-align:top; width:calc(50% - 15px);}
.name-box label {
    color: #565656;
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.input-field-box .name-box + .name-box{ margin-left:30px;}
.contact-content-section .adress-block{ padding-top:70px;}
.adress-block .main-box{ margin-bottom:50px;}
.adress-block .adress-icon{ width:68px; display:inline-block; vertical-align:top;}
.adress-block .adress-icon.map{ background:url(../images/map-icon.png); background-repeat:no-repeat; height:40px;}
.adress-block .adress-icon.call{background:url(../images/call-icon.png); background-repeat:no-repeat; height:40px;}
.adress-block .adress-icon.mail{background:url(../images/mail-icon.png); background-repeat:no-repeat; height:40px;}
.adress-block .adress-text{ width:calc(100% - 72px); display:inline-block; color:#000; font-weight:700; font-size:15px; text-transform:uppercase; vertical-align:top;}
.adress-block .adress-text a{color:#000; text-transform:none;}
.adress-block .adress-text a:hover{ color:#ffb400;}

.footer-section{ background:url(../images/web-developer-footer-bg.png) no-repeat -80px top; padding:50px 0;}
.footer-section .foter-content{ float:left; width:50%;}
.foter-content .footer-logo{ margin-bottom:25px;}
.footer-section .footer-links{ float:right; width:50%; padding-top:50px;}
.footer-links ul{ margin:0px; padding:0px; text-align:right;}
.footer-links ul li{ display:inline-block; padding:0 15px;}
.footer-links ul li a{ color:#726f6f; font-size:15px; font-weight:400;}
.footer-links ul li a:hover{ color:#ffb400;}

.footer-section .copy{ text-align:center; border-top:#cdcccc 1px solid; margin-top:20px; padding-top:15px;}
.home-banner{ background:url(../images/web-developer-banner.jpg) no-repeat bottom center; padding:270px 0;}
.home-banner h1{font-size:58px;}
.home-banner p{font-family: 'Roboto', sans-serif; font-size:18px; color:#000;font-display: swap;}
.home-banner .home-banner-inner p img{margin-left:100px; margin-top:30px; margin-bottom:30px;}
.home-banner .home-banner-inner{width:100%; max-width:1380px; margin:0px auto;}
.inner-banner{ background:url(../images/inner-page-banner.jpg) no-repeat bottom center; padding:200px 0;}
.inner-banner p{ color:#000; letter-spacing:2px;}

.inner-section-about{ background:url(../images/about-content-bg.png) no-repeat right top; padding:80px 0;}
.inner-section-about .about-text-area{}
.about-text-area .sub-heading p{ color:#000; letter-spacing:1px; margin-top:0px;}
.inner-section-about p{ margin-top:13px;}

.about-icon-section{ margin:0px 0 20px;}
.about-icon-section h2{ margin-bottom: 35px;}
.about-icon-section .icon-box{ text-align:center;}
.about-icon-section .icon-box p{ color:#000;}
.icon-box .icon-thumb{ border-radius:50px; margin:0 auto 24px; padding:40px 0; width:50%}
.icon-box .icon-thumb.yellow{ background:#ffb400;}
.icon-box .icon-thumb.read{ background:#ca1529;}

.creative-web-section{ margin:50px 0; background:#9cc11a ; padding:50px 80px; border-radius:50px;}
.creative-web-section h2{ color:#fff;}
.creative-web-section .sub-head p{ letter-spacing:2px; margin-bottom:15px;}
.creative-web-section p{ color:#fff; margin-bottom:0px;}
.creative-web-section .creative-image-box{ padding:30px 0;}
.button-box.white a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ background:#fff; color:#000; margin-top:30px;}

.inner-testimonial{ background:url(../images/testimonial-inner-bg.png) no-repeat bottom center; padding:80px 0; text-align:center;}
.inner-testimonial .testimonial-list{ margin:50px auto; width:70%;}

.web-service-section{ padding:80px 0 0; text-align:center;}
.web-service-section .creative-design-service{ margin-top:100px;}
.creative-design-service .creative-design-text { text-align:left;}
.creative-design-service .creative-design-text h3{ font-size:30px; font-weight:800; color:#000;}
.creative-design-service .creative-design-text p{ margin-bottom:40px;}
.creative-design-service .creative-design-text ul{ margin-bottom:30px; padding:0;}
.creative-design-service .creative-design-text ul li{ line-height:36px; color:#000; text-transform:uppercase; letter-spacing:3px; position:relative; list-style:none; padding-left:25px;}
.creative-design-service .creative-design-text ul li::before{ position:absolute; content:"\f178"; font-family: "FontAwesome"; font-size:15px; color:#ffb400; left:0; top:0;}

.web-service-section.creative-service-block, .web-service-section.contact-page{ background:url(../images/creative-service-bg.png) no-repeat top center;}
.web-service-section.creative-service-block .creative-services{ margin:95px 0 50px 0;}
.creative-services .logo-design{ text-align:center; padding:0 50px;}
.creative-services .logo-design h3{ padding-top:20px; font-size:20px; font-weight:700;}
.creative-services .logo-design p{ text-align:justify;}
.creative-services .logo-design.web-service{ padding:0 15px;}

.web-service-section.contact-page{}
.contact-section.contact-block{padding-top:0px; background:#fff url("../images/web-developer-kerala-contact-bg.png") no-repeat scroll right bottom; border-bottom:#2e3552 solid 3px;}
.contact-section.contact-block .form-box p{ margin-bottom:15px;}

.projects-wrapper{ margin:0 -4px; position:relative;}
.projects-wrapper .padng-5{ padding:0 5px;}
.projects-wrapper .mt-4{ margin-top:9px !important;}
.category-tab{ margin-top:55px;}
.category-tab ul{ margin-bottom:30px;}
.category-tab ul li{ padding:0 20px;}
.category-tab ul li a{ color:#000; font-size:18px; font-weight:400; letter-spacing:2px; cursor:pointer;}
.category-tab ul li a.active{ color:#d00b1b;}
.category-tab ul li.list-inline-item:not(:last-child){ margin-right:0px;}

.projects-wrapper .work-hover-box{ position:absolute; top:0; left:0; background:rgba(255, 180, 0, 0.9) none repeat scroll 0 0; width:100%; height:100%; text-align:center;  display:none;}
.work-hover-box .work-title{ color:#000; font-size:18px; font-weight:700; margin-bottom:10px;}
.work-hover-box .work-category{color:#000; font-size:18px; font-weight:400; letter-spacing:2px; margin-bottom:15px;}
.projects-wrapper .work-container:hover .work-hover-box{ display:block;}
.projects-wrapper .work-hover-box .work-contents{ position:absolute; width:100%; top:50%; transform:translateY(-50%); left:0;}
.mrgn-top{ margin-top:35px;}










@media only screen and (min-width:1460px) and (max-width:1660px){
	.container{
		max-width:1430px;	
	}
}
@media only screen and (min-width:1230px) and (max-width:1460px){
	.container{
		max-width:1200px;	
	}
}
@media only screen and (min-width:992px) and (max-width:1230px){
	.container{
		max-width:960px;	
	}
}
@media only screen and (max-width:1660px){
}
@media only screen and (max-width:1460px){
	.top-section .menu-block ul li{ padding:0 18px;}
	.about-image-block .about-image{ text-align:right;}
	.service-section .web-services-section, .testimonial-section .testimonial-list{ width:100%;}
	.contact-section, .contact-section.contact-block{ background-size:50%;}
	.icon-box .icon-thumb{ width:70%;}
	.creative-web-section{ padding:20px;}
	.inner-testimonial{ padding:10px 0;}
	.inner-testimonial .testimonial-list{ width:100%;}
	.web-service-section.creative-service-block{ background-size:contain;}
	.creative-services .logo-design{ padding:0 15px;}
	.web-service-section.creative-service-block .creative-services{ margin:10px 0 16px;}
	.category-tab ul li{ padding:0 15px;}
	.category-tab ul li a{ letter-spacing:1px;}
}
@media only screen and (max-width:1230px){
	.top-section .menu-block ul li{ padding:0 12px;}
	.footer-section .foter-content{ width:30%;}
	.footer-section .footer-links{ width:70%;}
	.category-tab ul li{ padding:0 10px;}
	.category-tab ul li a{ font-size:16px;}
}
@media only screen and (max-width:991px){
	.top-section{ top:20px;}
	.top-section .menu-block{ display:none;}
	.mobile-btn{ display:block;}
	.about-image-block .about-image{ text-align:left;}
	.about-image-block .about-link-box .wpb_wrapper{ height:195px;}
	.about-section .about-text{ padding:18px 0;}
	.service-section{ padding:25px 0;}
	.service-section .web-services-section{ margin:44px 0;}
	.web-services-section .design-block{ padding:30px 30px 15px;}
	.input-field-box .name-box input[type="text"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], select, textarea{border-radius: 10px; padding: 12px 15px;}
	.input-field-box .name-box + .name-box { margin-left: 15px;}
	.input-field-box .name-box{width: calc(50% - 8px);}
	.contact-section .contact-content-section{ padding-top:20px;}
	.footer-section .foter-content, .footer-section .footer-links{ float:none; text-align:center; width:100%;}
	.footer-section .footer-links{ padding-top:20px;}
	.footer-links ul{ text-align:center;}
	.inner-banner {background-size: 100% auto;padding: 111px 0;}
	.inner-banner h1{ font-size:25px;}
	.inner-banner p{ font-size:14px;}
	.about-image-area.wpb_column.vc_column_container.vc_col-sm-6, 
	.inner-section-about .about-text-area, 
	.creative-web-section .creative-image-box, 
	.creative-content-area.wpb_column.vc_column_container.vc_col-sm-9, 
	.creative-design-service .creative-design-text,
	.creative-design-service .creative-service-image{ float:none; width:100%;}
	.icon-box .icon-thumb{ width:100%;}
	.creative-web-section h2{ font-size:40px;}
	.creative-services .logo-design {float: none;margin-bottom: 25px;padding: 0;width: 100%;}
	.creative-design-service .creative-service-image{ margin-bottom:15px;}
	.web-service-section .creative-design-service{ margin-top:35px;}
	.home-banner{padding:265px 0;}
}

@media only screen and (max-width:767px){
	.about-image-block .about-image{ text-align:right;}
	.about-section{ padding:40px 0;}
	.design-block.wpb_column.vc_column_container.vc_col-sm-6{ width:100%; margin-bottom:15px; margin-right:0px; margin-left:0px;}
	.portfolio-section .view-button{ padding-top:14px; text-align:left;}
	.portfolio-section{ padding:38px 0 48px;}
	.testimonial-section{ padding:25px 0;}
	.testimonial-block-one.wpb_column.vc_column_container.vc_col-sm-4{ width:100%; margin-bottom:65px; margin-right:0px; margin-left:0px;}
	.testimonial-section .testimonial-list{ margin:25px 0;}
	.creative-web-section{ border-radius:12px; margin:10px 0;}
	h2{ font-size:35px;}
	.creative-services .logo-design.web-service{ padding:0px;}
	.projects-wrapper .work-container{ text-align:center;}
	.home-banner{padding:245px 0;}
	.home-banner h1{font-size:40px;}
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:550px){
	.top-section { top:0px; background:#f3f3f3; padding:25px 0 63px; position:relative;}
	.top-section .logo-block {float: none; text-align: center;width: 100%;}
	.mobile-btn{ float:left;}
	.contact-content-section .adress-block{ padding-top:10px;}
	.inner-banner{ padding:14px 0 78px;}
	.icon-box .icon-thumb{ width:50%;}
	.about-icon-section .icon-box{ margin-bottom:30px;}
	.inner-banner h1{ font-size:25px;}
	.about-image-area{ margin-bottom:15px;}
	.inner-section-about{ background-size:35%;}
	.creative-web-section h2, .creative-design-service .creative-design-text h3 {font-size: 28px;}
	p{ line-height:25px;}
	.web-service-section{ padding-top:25px;}
	.home-banner h1{font-size:26px;}
	.home-banner p{font-size:14px}
	.home-banner{padding:190px 0;}
}
@media only screen and (max-width:480px){
	.icon-box .icon-thumb{ width:100%;}
}
@media only screen and (max-width:360px){
	.service-section .service-sub-text, .testimonial-section .testimonial-sub-text, .contact-section p, .about-text-area .sub-heading p, .web-service-section .sub-head{ text-align: center;}
	.input-field-box .name-box{ display:block; width:100%;}
	.input-field-box .name-box + .name-box {margin-left: 0;margin-top: 19px;}
	.about-image-block .about-image{ text-align: center;}
	.about-image-block .about-link-box .wpb_wrapper{ float:none; width:100%;}
	h2{ font-size:30px;}
	.adress-block .adress-icon{ width:30px;}
	.adress-block .adress-icon.mail, .adress-block .adress-icon.call, .adress-block .adress-icon.map{ background-size:85%;}
	.contact-section h2{ text-align:center !important;}
	.home-banner h1{font-size:22px;}
	.home-banner{padding:110px 0;}
}