/*
Theme Name: zuanecommerce
 
*/

/* CSS Document */


/* Alignment */
.home.page .home_bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/04/Group-5.png) no-repeat fixed center center !important;
    background-size: cover !important;
position:relative;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
}
.home.page .header.fixed .req_quote:before {
    display: none;
}

img.aligncenter.size-full.wp-image-2533.lapt {
    margin-top:30px !important;
}
.banner_content h1 {
  
    margin-top: 125px !important;
}
/*.home.page .req_quote:before {
content: '';
background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/04/tag-02-1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
display: block;
position: absolute;
z-index: 7;
top: 60px;
right: 35px;
padding: 170px;
}*/

.hidemrbtn button {
  background: #3194d0 none repeat scroll 0 0;
  color: #fff;
  display: table;
  font-size: 20px;
  margin: 0 auto 0;
  padding: 10px 30px;
  text-align: center;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border: none;
}
.hidemrbtn {
  /*! float: left; */
  /*! display: block; */
  clear: both;
  text-align: center;
}

.readmrd {
  text-align: center;
clear:both;
}

.readmrd button {
  background: #3194d0 none repeat scroll 0 0;
  color: #fff;
  display: table;
  font-size: 20px;
  margin: 0 auto 0;
  padding: 10px 30px;
  text-align: center;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border: none;
}

.alignright, img.alignright, a img.alignright {
    float: right;
    margin: 0px 0 2px 14px;
}
.alignleft, img.alignleft, a img.alignleft {
    float: left;
    margin:4px 14px 2px 0;
}
.aligncenter, img.aligncenter, a img.aligncenter, img.centered, a img.centered {
    display: block;
    margin:6px auto 10px !important;
}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #E8E8E8;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;	font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;	text-transform: none;}
.commentmetadata {font-weight: normal;}
#commentform input[type="text"] { 
border:1px solid #CCCCCC;
width:100%;
padding: 2px;
margin: 0.5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width:100%;padding: 2px; border:1px solid #CCCCCC;margin: 0.5px 5px 1px 0;}
#respond:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
#commentform #submit {background-color: #3194d0;
    color: #fff;
    float: left;
    font-weight: bold;
    margin: 5px 5px 30px 0;
    padding: 9px;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
/*#commentform p {margin: 5px 0;}*/
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin:0;display: block;}
.blog-left{width:656px; float:left; padding:20px 0px 0px 0px;}
.blog-right{width:300px; float:right; padding:20px 0px 0px 0px;}
.sidebar{ padding-left:20px;}
.sidebar-left { text-align:left;}
.sidebar-left ul,.sidebar-right ul{ margin:0; padding:0; list-style:none;}
.sidebar-left li,.sidebar-right li{ margin:0 0 5px 0;}
.sidebar-left h2, .sidebar-right h2{font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#444041;}
.blog-inner-list ul li::before {
    content: "\f111";
    position: absolute;
    left: 54px;
    font-family: fontawesome;
    font-size: 9px;
    color: #3399d6;

}
.edw  li::before {
  
    display: none;
}
#commentform label {
   display: inline-block;
max-width: 100%;
margin-bottom: -2px;
font-family: 'Roboto Regular';
font-weight: 500;
color: black;

}
.gp:before {
    content: "\f16a" !important;
}
span.our_bl {
    color: #fff;
    font-size: 26px !important;
    font-weight: normal;
    margin: 10px 0 5px;
    line-height: 1.5;
}

body {
   
    padding: 0 !important;
}
.fontplugin_fontid_55234_OpenSansRegular {
    font-family: inherit !important;
}
div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin: 10px auto !important;
    width: 36px;
    display: block;
}

#request_quote1 div.wpcf7 img.ajax-loader {
    margin: 10px !important;
    width: 36px;
    display: block;
    position: relative !important;
    left: 59px !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.white-form.form-control {
    margin-top: 31px !important;
}

.tab-content div.wpcf7 img.ajax-loader {
    margin: 10px !important;
    width: 36px;
    display: block;
    position: relative !important;
    left: 63px!important;
}

.tab-content span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: relative;
    top: -19px;
}
input.wpcf7-form-control.wpcf7-submit.send-btn.submit {
    margin: 0;
}

/*-- my correction asr--*/
#post-grid-262
{
	background-color: transparent !important;
}
#post-grid-262 .item {
   background: #fff!important;
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
   	-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
#post-grid-262 .item:hover
{
   box-shadow: 0px 1px 3px rgba(0,0,0,.12), 0px 1px 3px rgba(0,0,0,.24) !important;
    transform: translateY(-5px);
}
.skin.flat .layer-content {
   padding: 20px 10px !important;
}
#post-grid-262 .element_0 {
   font-size: 20px !important;
}

#post-grid-262 .element_1 {
   font-size: 14px !important;
   line-height: 20px !important;
   text-align: justify !important;
}
.layer-media img
{
padding: 0 !important;
}



/**cse**/
.postid-723 section.package-table {
    display: none;
}
#respond {
    background: white;
    padding: 2px 22px;
    margin-bottom: 2%;
}


.list-inline.edw {
    text-align: center;
}
.edw li {
    line-height: 24px !important;
font-size: 14px !important;


}


.page-bottom { float:left; width:245px; height:auto;}

.blog-archive img {
    width: 100%;
   /* max-height: 250px;*/
    background-size: cover;
 /*    padding-top: 15px;
   padding-bottom: 15px;*/
}
.archive h1 {
font-size:28px;
line-height: 1.4;

text-align:center;

}
.blog-archive p {
    font-size: 16px;
text-align: justify;
line-height: 27px;

}
.blog-inner-list a:hover {
    color: #3194d0;
}
.blog-inner-list a {
    color: #3194d0;
	font-weight:bold;
}

.blog h3 {
    font-family: 'Roboto Medium';
 font-size: 23px;
    line-height: 1.5;
margin-top: 20px;
}
.blog h4 {
    font-family: 'Roboto Medium';
 font-size: 20px;
    line-height: 1.5;
margin-top: 20px;

}
.blog h5 {
    font-family: 'Roboto Medium';
 font-size: 18px;
    line-height: 1.5;
margin-top: 20px;
}
.blog h2 {
    font-family: 'Roboto Medium';
 font-size: 26px !important;
text-align:left !important;
    line-height: 1.5;
margin-top: 20px;
}
.blog h1 {
    font-size: 28px;
line-height:1.4;

}
.sd .button.custom_link:hover {
    background: #33363b;
    color: #fff !important;
    text-decoration: none;
}
.blog span
{
font-size:17px;
    font-family: 'Roboto Medium';
    line-height: 1.5;
}
.blog.blog-archive h2 {

    line-height: 1.4;
    font-family: 'roboto regular';
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
}

.blog p {
    font-size: 16px;
    text-align: justify;
    line-height: 28px; 
letter-spacing: 0.3px;
/* font-family: 'Roboto Light';*/
}
.blog-inner-list .build p {
    text-align: center;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: normal !important;
	margin: 0;
    line-height: 24px !important;
}
.blog-inner-list .build a:hover {
    color: #3194d0;.sd .button.custom_link:hover {
    background: #33363b;
    color: #fff !important;
    text-decoration: none;
}

    text-decoration: none;
}
.blog-inner-list .build{
    background: #33363b;
    margin: 20px 0 0;
    padding: 25px;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    font-size: 25px;
    -webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
font-family: 'roboto light';
}
.blog-inner-list a:hover {
    text-decoration: underline;
}
.blog-inner-list .build a:hover {
    color: #3194d0;
    text-decoration: none;
}
.blog-inner-list .build:hover {
    background: #3194D0;

}
.build:hover .button.custom_link {
        background: #33363b;
    color: fff !important;
    text-decoration: none;

}

.button.custom_link {
    display: table;
margin: 19px auto 0;
background-color: #3194D0;
font-size: 16px;
padding: 0 21px;
text-transform: capitalize;
position: relative;
cursor: pointer;
height: 36px;
line-height: 36px;
color: #fff;
border-radius: 0;
text-transform: capitalize;
font-weight: normal;
}
p.postmetadata {
    font-weight: bold;
    text-align: left;
font-size: 15px;
}
.post_in h5 {
    display: inline-flex;
    font-size: 16px;
}
p.postmetadata a {
    padding: 0 3px;
    font-weight: normal !important;
    font-size: 15px;
    letter-spacing: 0;
}
.blog img {
    max-width: 100%;
background: #fff;
    color: #222 !important;
	text-decoration:none;
    height: auto;
    padding-top: 0;
    padding-bottom: 15px;
}
.sd {
    background: white;
    padding: 20px;
margin-bottom: 35px;
}
.sd .button.custom_link:hover {
    background: #33363b;
    color: #fff !important;
    text-decoration: none;
}

.contact-div {
    background: #f1f1f1;
}
.blog-inner-list {
    background: white;
    padding: 20px;
}
#text-6 {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    margin-left: 20px;
}
#text-7 {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    margin-left: 20px;
}
#widget_featured-posts-2 {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px 20px 0;
    margin-left: 20px;
}
.brwe {
    padding-right: 0 !important;
}

#recent-posts-2 {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    margin-left: 20px;
}
.choose-cat {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    margin-left: 20px;
}
#text-8 {
    margin: 0 0 40px;
        margin-left: 0px;
    margin-left: 0px;
    background-color: #fff;

    padding: 20px;
    margin-left: 20px;
}
.sidebar-blog .newtit {
   text-align: center !important;
font-size: 18px !important;
margin: 3px 0 20px 0 !important;
color: #000 !important;
padding-bottom: 0;
text-transform: uppercase;
    font-family: 'Roboto medium';
}
ul#yiw-featured-post {
    padding: 0px 0 0 0 !important;
    font-size: 100%;
    line-height: 30px;
}

.recent_post a {
    color: #2d2d2d;
font-size: 15px;
font-weight: 400;

}
#yiw-featured-post li {
    line-height: 20px;
    margin: 0 0 10px 0 !important;

    font-size: 90%;
    border-bottom: 1px solid #c6c5c5;
    display: block;
    overflow: hidden;
}

.cat .blog ul li {
    line-height: 26px;
    font-size: 16px;
    letter-spacing: .2px;
    padding: 0;
    position: relative;
}

/**cse**/
img.avatar.avatar-32.photo {
    width: 50px !important;
    height: auto;
}
cite.fn {
    font-size: 15px;
}
span.says {
    font-size: 15px;
}

.post-left {
    float: left;
    font-size: 15px;
padding-bottom: 30px;
}
.post-right {
    float: right;
    font-size: 15px;
    padding-bottom: 30px;
}

.blog-sect
{
 background: #f1f1f2 !important;
}
.comment-meta.commentmetadata {
    font-size: 15px;
    padding-top: 10px;
}
#commentform #submit:hover {
    background: #2f343c;
    color: #fff;
}
h2.sidebar_blogs {
    font-size: 22px !important;
    padding: 0 !important;
    text-align: left !important;
    padding-left: 14px !important;
}

.sidebar_blogs ul li {
    list-style: none;
    line-height: 27px;
    font-size: 17px;
}

.sidebar_blogs ul li a:before {
    content: "\f111";
    position: absolute;
    font-family: fontawesome;
    left: 32px;
    font-size:7px;
    color: #3194d0;
}

a.element.element_0.title_link {
    text-align: left;
}
.element.element_1.excerpt {
    width: 100%;
    height: auto;
}

.menu-products-container ul li:before {
       content: "\f111";
    font-family: fontawesome;
    position: absolute;
    color: #3194d0;
    left: -8px;
    font-size: 7px;
    top: 8px;
    display: inline-block;
}

.menu-quick-link-container ul li:before {
       content: "\f111";
    font-family: fontawesome;
    position: absolute;
    color: #3194d0;
    left: -8px;
    font-size: 7px;
    top: 8px;
    display: inline-block;
}
.quick-links-div ul {
    
    padding-left: 10px !important;
}
.quick-links-div ul li {
    list-style-type: none;
    position: relative;
    padding-left: 5px;
}

h2.cat {
    display: none;
}

.choose-cat
{
 /*width: 100%;*/
}
div#text-5 {
 /*   margin: 30px 0px;
    border-top: 1px dotted #333;*/
margin: 0 0 40px;
    margin-left: 0px;
margin-left: 0px;
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
padding: 20px;
margin-left: 20px;

}
.choose-cat h4
{
	width: 100%;
    padding: 10px 30px;
    /*border: 1px solid #3194d0;*/
    text-align: center;
	margin-top: 0;
    color: #333;
    font-size: 17px;
    position: relative;
    text-align: center;
    margin-top: 0;
    text-transform: uppercase;
}





.choose-cat h4:after
{
    color: #3194d0;
    content: '';
    display: inline-block;
    border-width: 8px;
    border-color: #3194d0 transparent transparent;
    border-style: solid;
    position: absolute;
    right: 17px;
    top: 18px;
display:none;
}

/*.choose-cat > div
{
	display: none;
}
.choose-cat:hover > div
{
	display: block;
}*/
.choose-cat ul {
    list-style-type: none;
    padding: 0px 20px;
}
.choose-cat ul li {
    position: relative;
    list-style-type: none;
    margin-bottom: 15px;
  /*  border-bottom: 1px dotted #3194d0;*/
}
.choose-cat ul li:before {
    content: "\f0da";
position: absolute;
left: -15px;
font-size: 18px;
font-family: fontawesome;
color: #3194d0;
top: 0px;

}
.choose-cat ul li a {

font-size: 16px;
text-transform: capitalize;
color: #000;

}
ul.list-inline.inline-icon li {
        height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    background: #191f27;
border: 1px solid #191f27;
margin-right: 2%;

}
ul.list-inline.inline-icon li:hover {
   background: #fff;
color: #333;
font-size: 20px;
position: relative;
text-align: center;
margin-top: 0;
border: 1px solid #3194d0;
margin-right: 2%;

}
ul.list-inline.inline-icon li a:hovh3 {
    font-family: roboto medium;
}er
    background: #fff;
    color: #3194d0;
    border: 1px solid;
}
ul.list-inline.inline-icon li:hover {
    background: #fff;
    color: #000;
}
ul.list-inline.inline-icon li:hover a {
    background: #fff;
    color: #000;
}

ul.list-inline.inline-icon li a {
    display: block;
background: none !IMPORTANT;
    color: #fff !important;
}
ul.list-inline.inline-icon li a i {
    font-size: 16px;
    line-height: 38px;
    
}



/*h2.recent_post
{.about-banner .breadcrumb {
    border-radius: 4px;
    float: right;
    list-style: outside none none;
    margin-top: 18px;
    padding: 0;
    text-transform: uppercase;
}

	text-align: left !important;
    font-size: 20px !important;
    margin: 20px 0px 10px 0px !important;
    color: #333 !important;
padding-bottom: 18px;

}*/
div#recent-posts-2 ul {
    list-style-type: none;
    padding: 0px 15px;
}
div#recent-posts-2 ul li {
    position: relative;
    margin: 15px 0px;
}
.sidebar-blog {
    margin-top: 35px;.about-banner .breadcrumb {
    border-radius: 4px;
    float: right;
    list-style: outside none none;
    margin-top: 18px;
    padding: 0;
    text-transform: uppercase;
}

}
div#recent-posts-2 ul li:before
{
    content: "\f0da";
    position: absolute;
    left: -15px;
    font-size: 18px;
    font-family: fontawesome;
    color: #3194d0;
    top: 0px;
}

/*div#recent-posts-2 {
    border-top: 1px dotted #333;
}

h2.feacture_post {
    text-align: left !important;
    font-size: 20px !important;
    
    color: #333 !important;
}

h2.popular_post {
  text-align: left !important;
    font-size: 20px !important;
    margin: 20px 0px 10px 0px !important;
    color: #333 !important;
}*/
h4.featured-title {
   padding-top: 13px;
font-size: 14px;
line-height: 23px;
color: #2d2d2d;
font-weight: 400;
padding-bottom: 13px;
font-family: 'Roboto Regular';
}

div#nsfp-featured-post-widget-2 ul {
    list-style-type: none;
    padding: 0px 15px;
}
#nsfp-featured-post-widget-2 ul li {
    position: relative;
    line-height: 13px;
   
}
#nsfp-featured-post-widget-2 ul li:before {
    content: "\f0da";
    position: absolute;
    left: -15px;
    font-size: 18px;
    font-family: fontawesome;
    color: #3194d0;
    top: 2px;
}

div#nsfp-featured-post-widget-2 {
    border-top: 1px dotted #333;
}
div#widget_sp_image-2 {
    border-top: 1px dotted #333;
}
/*div#widget_featured-posts-2 {
    border-top: 1px dotted #333;
}*/
ul#yiw-featured-post li:hover {
    background: none !important;
}
ul#yiw-featured-post li {
   
   /* margin: 0 !important;*/
    padding: 0 !important;
    
}
ul.list-inline.inline-icon li:hover a {
    background: #000;
    color: #3194d0 !important;
    border-radius: 50%;
}

ul#yiw-featured-post img {
    margin-bottom: 0;
    padding-bottom: 4px;
}
ul#yiw-featured-post .featured-thumb {
    float: left;
    margin-right: 0 !important;
}

.footer-up
{
    background: #09f;
    width:65%;
    padding: 20px;
    text-align: center;
    margin: -130px 0 30px;
    border-radius: 10px;
}
.footer-up h1
{
	color: #fff;
    font-size: 31px;
    margin: 20px 0;
}
.footer-up a
{
    display: inline-block !important;
    width: 300px;
    padding: 18px 30px;
    color: #fff;
    background: #333;
    margin: 0 auto;
    font-size: 20px;
}
.post_in h6 {
    font-size: 20px;
    color: #3194d0;
    font-weight: bold;
margin-top: 5%;
}
.footer-ftp
{
   margin: 120px 0 0;
}
.mt-30 a.mail {
    color: #000 !important;
}
.mt-30 a.mail:hover {
    color: #3194d0 !important;
}.request-div a.mail {
    color: #000;
}
.request-div a.mail:hover {
     color: #3194d0 !important;
}
.core-features-sect {
margin: 10px 0 0 !important;
min-height: 130px !important;
}

.ac_title_class {
   
    overflow: hidden !important;
}

@media (max-width:800px)
{
.serv-div-content {
   max-width: 525px;
   padding: 20px 20px 0px 20px;
}
.serv-div1-content {
   max-width: 550px;
   padding: 19px 20px 1px 10px;
}
.home_bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/07/Group-5.webp) no-repeat fixed center center !important;
    background-size: cover !important;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;

}
}


@media (max-width:640px)
{
.core-features-sect {
   margin: 20px 0px !important;
}
.about-banner {
    text-align: left !important;
}

.about-banner .breadcrumb {
    border-radius: 4px;
    float: right;
    list-style: outside none none;
    margin-top: 16px;
    padding: 0;
    text-transform: uppercase;
}

.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6 {

    line-height: 1.3;
}
.blog-archive h1 {
    font-size: 22px;
    line-height: 1.4;
    color: #333;
}
.blog h1 {
    font-size: 23px;
}
.blog h2 {
    font-size: 22px;   
}
.blog h3 {
    font-size: 21px;   
}
.blog h4 {
    font-size: 19px;   
}
.blog h5 {
    font-size: 17px;   
}

.blog-inner-list .build {
    font-size: 20px;

}
.choose-cat {
  
    margin-left: 0px;
}
.brwe {
    padding-left: 0 !important;
}
#my-gallery-container {

    padding-left: 0;
    padding-right: 0;
}

div#text-5, #text-8, #text-6, #text-7
{
margin-left:8px;
}
#recent-posts-2
{
margin-left:8px;
}
#widget_featured-posts-2{
margin-left:8px;
}
.blog p {

    text-align: left;
  
}

}
@media (max-width:767px)
{
p.content-align {
padding: 0 5%!important;
}
.contact-div h2, .request-need h2 {
    font-size: 30px;
}
.core-features-sect p {
   
    text-align: center !important;
}
.lapt {
    margin-top: 0px !important;
}
.home.page .home_bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/07/Group-5.webp) no-repeat fixed center center !important;
    background-size: cover !important;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.banner_content h1 {
   
    margin-top: 35% !important;
}
}
@media (max-width:980px)
{

.soft-platform-content {
    max-width: 100% !important;
    padding: 20px 30px !important;
}

.col-md-4.col-sm-4.ani {
    padding-left: 15px;
    paddingletter-spacing: 0.3px;-right: 15px;

}

}
.blog ul li {
    list-style: none;
    line-height: 24px;
    font-size: 16px;
margin-bottom:10px;


letter-spacing: 0.2px;

  /*  font-family: 'Roboto Light';*/
}

.blog-inner-list ul li:before {
    content: "\f111";
    position: absolute;
    left: 54px;
    font-family: fontawesome;
    font-size: 9px;
    color: #3399d6;
}
p.postmetadata {

   
}
p.postmetadata a {
    padding: 0 3px;
    font-weight: 600;
}
.post_in h5  {
     display: inline-flex;
}
.post_in h5 a {
    padding: 0 1px;
}
div#nsfp-featured-post-widget-2 ul li a {
    line-height: 22px;
    text-align: justify;
    font-size: 15px;
}
.woocommerce {
    background-color: #fff !important;
}
.right-cart span.woocommerce-Price-amount.amount {
    font-size: 22px;
    
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #3194d0 !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
a.checkout-button.button.alt.wc-forward:hover {
    background: #191f27 !important;
    color: #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #2f343c !important;
    text-decoration: none;
    background-image: none;
    color: #fff !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background: #3194d0;
    color: #fff;
}
div#container {
    width: 90%;
    margin: auto;
}
.price span.woocommerce-Price-amount.amount {
    text-align: left;
    padding-top: 8px;
}
nav.woocommerce-breadcrumb {
    display: none;
}
select.orderby {
    display: none;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
          background: #3194d0;
    color: #fff;
    border: 1px solid #fff;
    padding: 13px 20px 14px 24px;
    margin-left: 15px;
    border-radius: 0;
    height: 46px;
}
.woocommerce ul.products li.product .button {
    margin-top: 0;
}
a.button.wc-backward {
    background: #3194d0;
    color: #fff;
}
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 21px !important;
}
img.attachment-shop_catalog.size-shop_catalog.wp-post-image {
    background: black;
    padding: 21px;
}
p.product.woocommerce.add_to_cart_inline {
    background: #3194d0 !important;
    border: none !important;
}
.col-md-12.add-to {
    border: none;
    background-color: #fff;
}
.right-cart {
   
    margin-top: 34px;
}
.left-cart {
    }

section.live-demo {
    background: rgba(0, 0, 0, 0) url("http://zuan.ninja/ewdc/wp-content/themes/zuanecommerce/images/request-quote-bg.jpg") no-repeat fixed 0 bottom / 100% auto;
    padding: 60px 0;
    text-align: center;
	position: relative;
	z-index: 0;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
section.live-demo:after {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


.live a {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.live a:hover {
    color: #3194d0;
}
.live {
    margin-top: 15px;
    margin-bottom: 10px;
    border: 1px solid;
    width: 35%;
    margin: auto;
    padding: 16px;
    color: #fff;
    font-size: 25px;
    /* background-image: linear-gradient(to right,
 #fff,
 #fff 50%,
 transparent 50%,
 transparent); */
    /* background-position: 100% 0; */
    /* background-size: 200% 100%; */
    /* transition: all .2s ease-in; */
}
.live1 {
   
         margin-bottom: 10px;
    border: 1px solid #fff !important;
    width: 50%;
    margin: auto;
    padding: 16px;
    color: #000 !important;
    background: #fff;
    font-size: 25px;
    /*background-image: linear-gradient(to right,
                                      #fff,
                                      #fff 50%,
                                      transparent 50%,
                                      transparent); */
    /* background-position: 100% 0; */
    /* background-size: 200% 100%; */
    /* transition: all .2s ease-in; */
}

.live:hover {
       background-position: 0 0;
    color: #000;
    border-color: #fff;
    background: #fff;
}
.live1:hover {
           /* background-position: 0 0; */
    color: #fff !important;
    border-color: #000 !important;
    background: #000;
}
.card-pages input {
    height: 40px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    color: #000;
    font-size: 15px;
}
.woocommerce form .form-row label {
   
    font-size: 13px;
}
.card-pages select {
    height: 40px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    color: #000;
    font-size: 15px;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    
    font-size: 15px;
    padding: 10px;
}
.pp_social {
    display: none !important;
}
.gal h1.text-center {
    margin-top: 36px;
    margin-bottom: 34px;
    font-size: 30px;
}
input#payment_method_cod {
    vertical-align: bottom;
}
#add_payment_method #payment, .woocommerce-checkout #payment {
    background: none !important;
   
}
#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
   
    border-bottom: none !important;
    
}
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    
    background-color: #2f343c !important;
    color: #fff !important;
}

/*@media screen and (max-width: 980px)
{

section.live-demo {
    background: rgba(0, 0, 0, 0) url("http://zuan.ninja/ewdc/wp-content/themes/zuanecommerce/images/request-quote-bg.jpg") no-repeat fixed center center;
	background-size: cover;
    padding: 60px 0;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}

}
*/

.postid-2083 .soft-platform-sect.maa.multi-site {

    background: #f2f2f2;
    display: none;

}
.postid-2083 section.soft-platform-sect.maa.new_ma {
    background: #f7f7f7;
}



.grid {
    width: 188px;
    min-height: 100px;
       margin: 8;
    float: left;
    -webkit-transition: top 1s ease, left 1s ease, box-shadow .3s ease, transform 1s ease;
    -moz-transition: top 1s ease, left 1s ease, box-shadow .3s ease, transform 1s ease;
    -o-transition: top 1s ease, left 1s ease, box-shadow .3s ease, transform 1s ease;
    -ms-transition: top 1s ease, left 1s ease, box-shadow .3s ease, transform 1s ease;
}
.box {
    margin-bottom: 20px;
    background: #fff;
    -webkit-transition: background 5s ease-in-out 0s;
    -moz-transition: background 5s ease-in-out 0s;
    -ms-transition: background 5s ease-in-out 0s;
    -o-transition: background 5s ease-in-out 0s;
    transition: background 5s ease-in-out 0s;
}
.box > div > a h3 {
    font-size: 28px;
       font-family: "Roboto Light";
    line-height: 35px;
    margin: 0 0 10px;
    color: #000;
}
.box > div > h6 {
    font-size: 16px;
       font-family: "Roboto Light";
    line-height: 25px;
}
.box > div > p {
    color: #58595b;
    font-family: "Roboto Light";
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
}
.box > div {
    padding: 20px;
}
.blogimg-inner {
    width: 100%;
    height: auto;
}

.row.blogs {
    margin: 25px 0;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none;
}

p.postmetadata {
    font-weight: bold;
}
p.postmetadata a {
    color: #3194d0;
}

p.postmetadata a:hover {
    color: #000;
}



.postid-723 .maa {
    display: none;
}

.postid-723 .mo-fe{
display:none;
}




.page-id-14 .request-div {
 min-height: 443px !important;
}



:hov


.cls

element.style {
}
.contact-div a {
    margin: 0 0 5px;
}
.whatss{
    background: rgba(0, 0, 0, 0) url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2016/10/whatsapp.png) no-repeat scroll left center;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 0 0 0 20px;

}
.skype_s{
    background: rgba(0, 0, 0, 0) url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2016/10/skype.png) no-repeat scroll left center;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 0 0 0 20px;

}
blockquote span {
    font-style: italic !important;
    font-size: 15px;
}


a.button.product_type_simple.ajax_add_to_cart {
    display: none;
}

#sec_1 {
    display: none;
}
p.content-align {
    font-size: 16px!important;
    line-height: 30px!important;
    padding: 0 13%;
}

.visec h3 {
    font-size: 25px;
}


h1.our_bl {
       color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 5px;
    background: none;
    box-shadow: none;
    text-align: left;
text-shadow:none;
    padding: 0;
}

section.package-table {
    display: none;
}

#myNavbar ul.sub-menu {
display: none;
position: absolute;
left: 14px;
z-index: 9999;
border-bottom: 3px solid #3399d6;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
top: 40px;
width:310px;
background-color: white;
}
#myNavbar .sub-menu::before {
   content: '';
position: absolute;
border-top: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #fff;
border-right: 13px solid transparent;
top: -26px;
left: 13px;
}
#myNavbar .menu-item:hover .sub-menu {
    display: block;
}
/*.sub-menu-columns ul li.menu-item-has-children a:before{
content: "\f054";
float: right;
    position: relative;
    top: 2px;
    right: 0px;
font: normal normal normal 14px/1 FontAwesome;
}*/
/*.sub-menu-columns ul li.menu-item-has-children li a:before{
display:none;}*/
/*#myNavbar .menu-item .sub-menu li .sub-menu{
display:none;
transition: all 0.3s ease-in-out 0s;}
#myNavbar ul.sub-menu li:hover .sub-menu{
display:block;}*/
#myNavbar ul.sub-menu li {
    list-style: none;
    width: 310px;
background:none;
    padding: 10px 15px 8px;
text-align:left;

}
#myNavbar .sub-menu a {
    border-bottom: 0 solid transparent;
    color: #000;
    font-family: "Roboto Light";
    font-size: 15px;
padding:5px;

}

#myNavbar ul .sub-menu li:hover{
color:#fff;
background:#3399d6;
}
#myNavbar ul .sub-menu li:hover a{
color:#fff;
}
.serv-div1-read1 {
    background: #3194d0 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 15px;
    margin: 15px 0;
    padding: 10px 20px;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 1px solid white;
margin-top:7%;
}
.serv-div-read1:hover{
background: #333;
}

/*
#menu-item-2109 a {
 float: left;
font-size: 14px !important;
line-height: 0;
margin-top: -0%;
text-decoration: underline;
padding-left: 14%;
}*/
#myNavbar ul.sub-menu li ul.sub-menu li a{
text-decoration: underline;
}
#myNavbar ul li ul li:hover:before {
    content: '\f10c';
color:white;
}
#myNavbar ul li ul li:before {
    content: '\f192';
    font-family: FontAwesome;
    color:#3399d6;
    position: relative;
    left: -8px;
    font-size: 12px;
    transition: all .3s ease 0s;
}
/*
#menu-item-2125 a {
 float: left;
font-size: 14px !important;
line-height: 0;
text-decoration: underline;
margin-top: -0%;
padding-left: 16%;
}*/
/*#menu-item-2125::before {
    content: '\f178';
    font-size: 16px;
    left: 27px;
    display: block;
    font-family: fontawesome;
    color: #3194d0;
    position: absolute;
    margin-top: -7px;
}*/
.postid-2114 .soft-platform-sect.maa.multi-site {
    background: #f2f2f2;
    display: none;
}
.postid-2114 section.soft-platform-sect.maa.new_ma {
    background: #f7f7f7;
}

/*deve*/
.magento-bg.ewdcnew {
background:url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/06/Mask-Group-4.png);
    background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.zero h1 {
    text-align: left;
}

.zero p {
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: justify;
    color: white !important;
}

a.gettoc {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 25px #07003A52;
    padding: 12px 30px;
    border-radius: 100px;
    color: #001E63;
    font-weight: bold;
    text-transform: uppercase;
}
.page-id-2670 .bottom-header {
    background: white;
padding: 0;
text-align: left;
}

.ma li {
    font-size: 20px;
    display: inline-block;
    padding: 20px;
    line-height: 30px;
    text-align: center;
    margin-right: 60px;
color:black
}
.ma strong{
    color: #3208a0;
}
.ma {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 35px #07003A26;
    position: relative;
    top: -30px;
}

.dev-serv-content.payec {
    margin-top: 80px;
}

.payec h2 {
    color: #3208A0 !important;
    font-weight: bold;
}

.dev-solution-box.reso {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 17px;
    padding: 40px;
    min-height: 400px;
}

.reso h3 {color: #3208A0 !important;font-weight: bold;}
section.smart {background: transparent linear-gradient(240deg, #5C57E9 0%, #31069F 100%) 0% 0% no-repeat padding-box;text-align: center;padding: 40px 0;}

.smart h2 {
   color: white;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 55px;
}

.smart li {
    display: inline-block;
    margin-top: 50px;
    width: 130px;
    margin-right: 15px;
}

.smart a {
    color: white;
    padding: 20px;
    font-size: 25px;
    text-transform: capitalize;
}
.ewdcmm h2 {
    color: #3208A0 !important;
    font-weight: bold;
}
.smart ul:before {
    border-bottom: 1px solid white;
    content: '';
    display: block;
    left: 0;
    right: 0;
    position: absolute;
}
.mag2 {
    padding-bottom: 80px !important;
}

.smart {
    position: relative;
}
.ewdcmm li {
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 15px;
    list-style: none;
}
.ewdcmm ul {
    margin-top: 20px;
    padding-left: 0;
}

.ewdcmm li:before {content: '';background: #4a36cb;padding: 4px;float: left;border-radius: 100px;margin-bottom: 25px;position: relative;top: 8px;right: 7px;}
.responsive {
    width: 100%;
    padding: 80px 0 0;
    background: #f2f1f1;
    overflow: hidden;
}

.responsive h2 {
    color: #3208A0;
    text-align: center;

    font-weight: bold;
    line-height: 40px;
}

.responsive p {
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: center;
    color: #1A0041 !important;
}

.expert h2 {
    color: #3208a0;
    font-weight: bold;
    line-height: 40px;
}

.expert {
    text-align: center;
    padding: 50px 0;
}

.expert p {
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: center;
    color: #1a0041 !important;
}
.amazing {
    background: transparent linear-gradient(225deg, #5C57E9 0%, #31069F 100%) 0% 0% no-repeat padding-box;
    padding: 50px 0;
}

.amazing h2 {
    text-align: center;
    color: white;
    line-height: 45px;
    font-weight: bold;
}

.amazing p {
    color: #fff!important;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    text-align: center;
    opacity: 0.8;
    margin: 30px 0;
}


.listrow li {
      line-height: 25px;
    font-size: 15px;
    margin-bottom: 19px;
    list-style: none;    
}
.listwedc ul {
    padding: 0;
    text-align: center;
}
.listwedc h4 {
    color: #3208A0;
    font-size: 25px;
    font-weight: bold;
margin-bottom: 20px;
}
.listwedc {
padding-right: 20px;
background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 17px;
    padding: 30px;
    min-height: 305px;
    margin-bottom: 30px;
}
.lewdc {
    border-right: none;

}
.spp{
    padding: 50px 0;
}

.explore h2 {
    text-align: left;
    color: #4329bf;
    line-height: 45px;
    font-weight: bold;
}

.explore p {
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    margin: 23px 0;
}

.explore a {
    background: #6E36FF 0% 0% no-repeat padding-box;
    box-shadow: 5px 18px 35px #6E36FF52;
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
}

.responsive li {
    display: inline-block;
    text-align: center;
    background: white;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 7px;
    padding: 30px 20px;
    position: relative;
    top: -40px;
    margin-right: 45px;
    margin-bottom: 105px;
    width: 175px;
}
.listewdc img {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 3px;
}

.shad {
    margin-bottom: 12px;
    background: #BCA2FF;
    position: absolute;
    left: 0;
    right: 0;
    top: -33px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 25px;
    border: 4px solid #cec3e8;
    border-radius: 100px;
}

.responsive ul {
   margin-top: 110px;
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/06/line.png);
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.con {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    padding: 30px;
    position: relative;
}
.zero h1 {
    font-size: 36px !important;
    font-weight: bold;
}
.nav-fixed {
    position: fixed;
    top: 0;
    z-index: 12;
}


@media (max-width:768px){

.ss ul {
    text-align: center;
}

.magen ul {
    padding: 0;
}
.smart a {
    color: white;
    padding: 10px;
    font-size: 18px;
    text-transform: capitalize;
}
a.gettoc {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 5px 10px 25px #07003A52;
    padding: 12px 30px;
    border-radius: 100px;
    color: #001e63;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 200px;
    margin: 0 auto;
}
.zero h1 {
    font-size: 30px !important;
    font-weight: bold;
    line-height: 45px !important;
    text-align: center;
}
.responsive ul {
    margin-top: 110px;
    background: inherit;
}
.responsive li {
    display: inline-block;
    text-align: center;
    background: white;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 7px;
    padding: 30px 20px;
    position: relative;
    top: -40px;
    margin-right: 0;
    margin-bottom: 55px;
    width: 175px;
}
.responsive ul {
    margin-top: 110px;
    background: inherit;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    padding-left: 70px;
}
.req_quote {
    margin: 0;
    position: absolute;
    top: 12px;
}
}

/*foodapp*/
.food-bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/07/foodbg.png);
    background-size: cover;
    background-repeat: no-repeat;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.ecpmbut1 {
    background: #1a46e6 0 0 no-repeat padding-box !important;
    box-shadow: 5px 18px 35px #1A46E638;
    border-radius: 6px;
    color: white;
    display: block;
    font-size: 20px;
    width: 170px;
    padding: 6px !important;
    border: 1px solid #1a46e6 !important;
    text-align: center;
}
.ecpmbut{
    background: #1a46e6 0 0 no-repeat padding-box !important;
    box-shadow: 5px 18px 35px #1A46E638;
    border-radius: 6px;
    color: white;
    display: block;
    font-size: 20px;
    width: 170px;
    padding: 6px !important;
    border: 1px solid #1a46e6 !important;
    text-align: center;
}
.foodpar p {
    color: white !important;
}

section.online-store.foodpar {
    background: transparent linear-gradient(71deg, #1A46E6 0%, #11C3BE 100%) 0% 0% no-repeat padding-box;
    padding: 30px;
}
a.food-butt {
  background: #1a46e6 0 0 no-repeat padding-box;
    box-shadow: 5px 18px 35px #1A46E638;
    border-radius: 6px;
    color: white;
    display: block;
    font-size: 20px;
    width: 170px;
    margin: 30px 0;
    padding: 10px;
    border: 1px solid #1a46e6;
    text-align: center;
}
.foodhg h2 {
color: #0c2581 !important;
    font-weight: bold;
text-align: left;
}
a.food-butt:hover {
    background: white;
    color: #1a46e6;
}
.box-food{
padding:50px 0
}
.box-food h2 {
    color: #0c2581 !important;
    font-weight: bold;
    text-align: center;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
.food1 img {
    max-width: 60px;
    padding-top: 40px;}
.food1 {
      margin-bottom: 30px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 17px;
    text-align: center;
    padding: 20px 40px;
    margin-top: 40px;
    min-height: 350px;
}

.food1:hover {
    box-shadow: 0px 15px 40px #00000029;
}
.box-food p {
    font-size: 15px;
    line-height: 26px;
    margin: 5px 0;
    text-align: center;
    padding: 10px;
}
.tab-food{
background:#F2F5FD;
padding:50px 0

}
.tab-food h2 {
    color: #0c2581 !important;
    font-weight: bold;
    text-align: center;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
margin-bottom: 30px;
}
.tab-food  ul.nav.nav-pills {
    text-align: center;
    margin-left: 11%;
}

.food-bg .header {
    border-bottom: 2px solid #348cb3;
}

a.ecpmbut:hover {
    background: white !important;
    color: #1a46e6;
}

a.ecpmbut1:hover {
    background: white !important;
    color: #1a46e6;
}
.fafood .media li {
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    padding-top: 10px;
    list-style: none;
    display: flex;
    padding-bottom: 20px
}
.fafood .media img {
    display: block;
    width: 30px;
    margin-right: 15px;
}
.tab-food li {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding-top: 10px;
    margin-right: 30px;
}
.fafood ul {
    padding-left: 25px;
}
.tab-food li.active a {
    background: #1A46E6 0% 0% no-repeat padding-box !important;
    box-shadow: 5px 15px 30px #11C3BE38;
}
.tab-food li > a:hover {
    background: #1A46E6 0% 0% no-repeat padding-box !important;
    box-shadow: 5px 15px 30px #11C3BE38;
    color:white
}
.tab-food li > a:focus {
    background: #1A46E6 0% 0% no-repeat padding-box !important;
    box-shadow: 5px 15px 30px #11C3BE38;
    color:white
}
.tab-food a {
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #1A46E6;
    border-radius: 10px !important;
    color: #0C2581;
    font-weight: bold;
    padding: 6px 20px !important;
}

.tab-food .nav li:last-child a {
    padding-right: 20px !important;
}
.fafood {
    margin-top: 75px;
}

.fafood h3 {
    color: #0C2581 !important;
    font-weight: bold;
}

.fafood p {
    font-size: 15px;
    line-height: 22px;
    margin: 5px 0;
    text-align: justify;
    padding-top: 10px;
}
.fafood .media:first-child {
    margin-top: 15px;
}
.fafood .media-left {
    float: left;
    max-width: 55px;
    padding-top: 20px;
}
.fafood h4.media-heading {
    padding: 20px 0;
    color: #0c2581;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0;
}


.spfood{
    padding-top: 12%;

}

.handfoo {
    margin-top: -43px;
}
.banner_content2.mobile-app-banner.foofhr {
    min-height: inherit !important;
    height: 130vh !important;
}
.foodim img.img-responsive {
    max-width:500px;
    margin: 0 auto;
}
.food-bg h1 {
    font-weight: bold;
    color: white !important;
    text-align: center;

}
.food-bg p {
    color: white !important;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
}
@media(max-width:767px){
.food-bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/07/foodbg.png);
    background-size: cover;
    background-repeat: no-repeat;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.foodim img.img-responsive {
    max-width: 100% ;
    margin: 0 auto;
}
.banner_content2.mobile-app-banner.foofhr {
    min-height: inherit !important;
    height: 120vh !important;
}
a.food-butt {
  
    font-size: 14px;
}
.ecpmbut img.an_app {
    display: inline-block !important;
}
.ecpmbut1 img.an_app {
    display: inline-block !important;
}
a.ecpmbut {
    margin: 0 auto !important;
    display: block !important;
    font-size: 15px !important;
margin-top: 20px !important;
    line-height: 25px;
}
a.ecpmbut1 {
    margin: 0 auto !important;
    display: block !important;
    font-size: 15px !important;
margin-top: 20px !important;
    line-height: 25px;
}
.tab-food a {
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #1a46e6;
    border-radius: 10px !important;
    color: #0c2581;
    font-weight: bold;
    padding: 10px 7px !important;
}
.tab-food li {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    margin-right: 17px;
    border-radius: 14px;
    width: 45%;
    margin-left: 0 !important;
}
.tab-food  ul.nav.nav-pills {
    text-align: center;
    margin-left: 0;
}
.fafood {
    margin-top: 6px;
}
.home .home_bg {
    background: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/04/Group-5.png) no-repeat fixed center center !important;
    background-size: cover !important;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}
.fafood .media img {
    display: block;
    width: 30px;
    margin-right: 15px;
    height: 7vh;
}
.spfood {
    padding-top: 30%;
}
.food-bg p {
    color: white !important;
    font-size: 15px;
}
.foofhr h1 {
    font-size: 25px;
    line-height: 40px;
}
}
@media (min-width:768px) and (max-width:992px)
{
.req_quote {
    margin-top: 35px !important;
}
.navbar-nav {
 
    max-width: inherit !important;
}
.fafood .media img {
    display: block;
    width: 30px;
    margin-right: 15px;
    height: 4vh;
}
.spfood {
    padding-top: 25%;
}
.foodim img.img-responsive {
    max-width: 100%;
    margin: 0 auto;
}
.foodhg img.img-responsive {
    max-width: 100%;
    height: auto;
}
.leffood img.img-responsive {
    max-width: 100%;
}
.tab-food a {
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #1a46e6;
    border-radius: 10px !important;
    color: #0c2581;
    font-weight: bold;
    padding: 6px 10px !important;
}
.tab-food li {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    margin-right: 6px;
    border-radius: 14px;
}
.tab-food  ul.nav.nav-pills {
    text-align: center;
    margin-left: 0;
}
.banner_content2.mobile-app-banner.foofhr {
    min-height: inherit !important;
    height: 130vh !important;
}

}
.open-cartbg {
    background: #fff;
    height: 100%;
}
.open-cartbg .header {
    background: #EC6737;
}
.bottom-header.open {
    background: rgba(41, 38, 37, 0.5);
    width: 100%;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}
.bottom-header.open .border-right {
    border-right: 1px solid #a29792;
}


.faul li {
    list-style-type: disc !important;
    margin-left: 20px;
}
p.tabpar {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
a.talkusfood {
    background: #fff 0 0 no-repeat padding-box !important;
    box-shadow: 5px 18px 35px #1A46E638;
    border-radius: 6px;
    color: #158dcf;
    display: block;
    font-size: 20px;
    width: 170px;
    padding: 10px !important;
    border: 1px solid #1a46e6 !important;
    text-align: center;
}
a.talkusfood:hover {
    border:1px solid #fff !important;
background:transparent !important;
color:white
}
.touc p {
    color: white !important;
    text-align: center;
    line-height: 30px;
    font-size: 19px;
    padding-top: 20px;
}
.bgblu {
    background: #083863 !important;
}
.bgblu .magento-h4 h4 {
    color: white !important;
    margin-bottom: 20px;
}

.bgblu p {
    color: white !important;
}
.inner-banner-content.magdevcxon {
    text-align: left;
padding-bottom: 0;
}

.magdevcxon span {
    color: #000;
}

.magdevcxon h1 {
    color: #F96C15 !important;
}
.magdevcxon p {
    line-height: 25px;
    font-size: 16px;
}

a.butwhitser {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 5px 10px #0000002E;
    border-radius: 39px;
    color: #FF6100;
    font-weight: bold;
    padding: 10px 30px;
    display: block;
    margin-top: 30px;
    width: 170px;
    text-align: center;
}
.swp {
    padding-top: 50px;
}
.open-cartbg .bottom-header {
background: transparent;
    position: relative;
    top: 25px;}

.open-cartbg .ss {
    float: left;
    width: 100%;
    background: #F96C15 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 35px #03011326;
    border: 3px solid #FFFFFF;
    padding: 15px 0;
}

.open-cartbg .border-right {
    border-right: none;
}

.ss h4 {
    font-size: 20px;
}
.dev-serv-sect.ser-in-1.bg-grey.magdediv {
    padding: 80px 0;
}

.magdediv .dev-serv-img {
    margin-top: 100px;
}
.timediv .dev-solution-box {
    padding: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 17px;
    max-height: 450px;
    transition: all 1s ease 0s;
}

.timediv .dev-solution-box:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 15px 30px #00000029;
    border-radius: 17px;
}
.timediv h2 {
    color: #f96c15 !important;
}
.bgblu .core-features-icon {
    float: none;
    margin-left: 8px;
    margin-bottom: 20px;
}
.bgblu {
    padding: 70px 0;
}
.four-div .magento-training-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 17px;
}

.four-div h5 {
    color: #f96c15;
}

.four-div .magento-training-content:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 15px 30px #00000029;
    border-radius: 17px;
}
.ewdcmm1 li:before {
    content: '';
    background: #f96c15;
    padding: 4px;
    float: left;
    border-radius: 100px;
    margin-bottom: 25px;
    position: relative;
    top: 15px;
    right: 7px;
}
.makfoo h2 {
    color: #f96c15;
}
.jj {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 17px;
    padding: 30px 10px;
    text-align: center;
}

.jj p {
    text-align: center  !important;
}

.jj h3 {
    text-align: center;
    color:#f96c15 !important;
font-size: 18px;
}
.jj .make-store-content {
    padding: 0 15px;
}
.st h2 {
    color: #F96C15 !important;
}
.makfoo {
    padding: 80px 0 !important;
}

.st {
    padding-bottom: 50px;
}
.open-cartbg1 {
    background: #2196F3;
}
.foodhg img.img-responsive {
    margin: 0 auto;
}
.foodhg1 {
    padding: 50px 0;
}
.mages {
    padding-top: 18px;
}
a.butwhitser:hover {
    background: #ec6737;
    color: white;
}
.webfoo {
    margin-top: 150px;
}
.foodhg p {
    text-align: left !important;
    text-align-last: left !important;
    margin-top: 15px !important;
}

.dev-solution-sect.dms-sect.bg-white.foodhg {
    text-align: left;
}
.burger {
    margin-top: 50px;
}
.down-icon {
    margin-top: 15px !important;
    position: relative;
    top: 5%;
}
i.fa.fa-long-arrow-down {
    color: #fff;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}


.down-icon a {
    position: absolute;
    display: block;
    color: #fff !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
}

.down-icon a i {
    -webkit-animation: todown 1.2s infinite linear;
    animation: todown 1.2s infinite linear;
}
@-webkit-keyframes todown {
    0% {
    -webkit-transform: translateY(-15px);
    opacity: 0;
}
10% {
    -webkit-transform: translateY(-15px);
    opacity: 0;
}
50% {
    -webkit-transform: translateY(0);
    opacity: 1;
}
90% {
    -webkit-transform: translateY(15px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
}
}@keyframes todown {
    0% {
    transform: translateY(-15px);
    opacity: 0;
}
10% {
    transform: translateY(-15px);
    opacity: 0;
}
50% {
    transform: translateY(0);
    opacity: 1;
}
90% {
    transform: translateY(15px);
    opacity: 0;
}
100% {
    transform: translateY(15px);
    opacity: 0;
}
}
a.buttweb {
    background:#4a35ca 0 0 no-repeat padding-box;
    box-shadow: 5px 10px 25px #07003A52;
    padding: 12px 30px;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    width: 150px;
    text-align: center;
    margin-top: 25px;
    line-height: 20px;
}
a.buttweb:hover{
    background: #fff 0 0 no-repeat padding-box;
     color: #4a35ca;
   
}
.magdevcxon .down-icon a {
    position: absolute;
    display: block;
    color: #ec6737 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
.magdevcxon i.fa.fa-long-arrow-down {
    color: #ec6737;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#presta .down-icon a {
    position: absolute;
    display: block;
    color: #dd0063 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#presta i.fa.fa-long-arrow-down {
    color: #dd0063;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#nop .down-icon a {
    position: absolute;
    display: block;
    color: #25c8e0 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#nop i.fa.fa-long-arrow-down {
    color: #25c8e0;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#shopify .down-icon a {
    position: absolute;
    display: block;
    color: #0e8668 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#shopify i.fa.fa-long-arrow-down {
    color: #0e8668;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#wix .down-icon a {
    position: absolute;
    display: block;
    color: #fecc00 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#wix i.fa.fa-long-arrow-down {
    color: #fecc00;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#woo .down-icon a {
    position: absolute;
    display: block;
    color: #f29fe2 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#woo i.fa.fa-long-arrow-down {
    color: #f29fe2;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
#open .down-icon a {
    position: absolute;
    display: block;
    color: #2196f3 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#open i.fa.fa-long-arrow-down {
    color: #2196f3;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
.bggcol p {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.bggcol h2 {
    text-align: center;
}
.page-template-template-shopify .open-cartbg .header {
    background: #0e8668;
}

.page-template-template-shopify .open-cartbg h1, .page-template-template-shopify h2, .page-template-template-shopify h3, .page-template-template-shopify h5 {
    color: #0e8668 !important;
    font-weight: 600;
}

.page-template-template-shopify  a.butwhitser {
    background: #0e8668;
    color: white;
}

.page-template-template-shopify  a.butwhitser:hover {
    background: #29b592;
}

.page-template-template-shopify .ewdcmm1 li:before {
    background: #0e8668;
}
.page-template-template-shopify .dev-solution-box {
    min-height: 450px;
}
.page-template-template-shopify .magento-training-content {
    min-height: 450px;
}
.page-template-template-nop .open-cartbg .header {
    background: #25c8e0;
}

.page-template-template-nop .open-cartbg h1, .page-template-template-nop h2, .page-template-template-nop h3, .page-template-template-nop h5 {
    color: #25c8e0!important;
    font-weight: 600;
}

.page-template-template-nop a.butwhitser {
    background: #25c8e0;
    color: white;
}

.page-template-template-nop a.butwhitser:hover {
    background: #25c8e0;
}

.page-template-template-nop  .ewdcmm1 li:before {
    background: #25c8e0;
}
.page-template-template-nop .dev-solution-box {
    min-height: 450px;
}
.page-template-template-nop  .magento-training-content {
    min-height: 450px;
}


.page-template-template-opencart .open-cartbg h1, .page-template-template-opencart h2, .page-template-template-opencart h3, .page-template-template-opencart h5 {
    color: #2196f3!important;
    font-weight: 600;
}

.page-template-template-opencart a.butwhitser {
    background: #2196f3;
    color: white;
}

.page-template-template-opencart  a.butwhitser:hover {
    background: #2196f3;
}

.page-template-template-opencart .ewdcmm1 li:before {
    background: #2196f3;
}
.page-template-template-opencart .dev-solution-box {
    min-height: 450px;
}
.page-template-template-opencart .magento-training-content {
    min-height: 450px;
}
.page-template-template-wix .open-cartbg .header {
    background: #fecc00;
}

.page-template-template-wix .open-cartbg h1, .page-template-template-wix  h2, .page-template-template-wix h3, .page-template-template-wix h5 {
    color: #fecc00!important;
    font-weight: 600;
}

.page-template-template-wix a.butwhitser {
    background: #fecc00;
    color: white;
}

.page-template-template-wix a.butwhitser:hover {
    background: #fecc00;
}

.page-template-template-wix .ewdcmm li:before {
    background: #fecc00;
}
.page-template-template-wix .dev-solution-box {
    min-height: 450px;
}
.page-template-template-wix .magento-training-content {
    min-height: 450px;
}

.page-template-template-wix .open-cartbg .header {
    background: #fecc00;
}

.page-template-template-wix .open-cartbg h1, .page-template-template-wix  h2, .page-template-template-wix h3, .page-template-template-wix h5 {
    color: #fecc00!important;
    font-weight: 600;
}

.page-template-template-wix a.butwhitser {
    background: #fecc00;
    color: white;
}

.page-template-template-wix a.butwhitser:hover {
    background: #fecc00;
}

.page-template-template-wix .ewdcmm li:before {
    background: #fecc00;
}
.page-template-template-wix .dev-solution-box {
    min-height: 450px;
}
.page-template-template-wix .magento-training-content {
    min-height: 450px;
}
.page-template-template-presto .open-cartbg .header {
    background: #DD0063;
}

.page-template-template-presto .open-cartbg h1, .page-template-template-presto h2, .page-template-template-presto h3, .page-template-template-presto h5 {
    color: #DD0063!important;
    font-weight: 600;
}

.page-template-template-presto a.butwhitser {
    background: #DD0063;
    color: white;
}

.page-template-template-presto a.butwhitser:hover {
    background: #DD0063;
}

.page-template-template-presto  .ewdcmm li:before {
    background: #DD0063;
}
.page-template-template-presto .dev-solution-box {
    min-height: 450px;
}
.page-template-template-presto .magento-training-content {
    min-height: 360px;
}

.page-template-template-wocom .open-cartbg .header {
    background: #f29fe2;
}

.page-template-template-wocom .open-cartbg h1, .page-template-template-wocom h2, .page-template-template-wocom h3, .page-template-template-wocom h5 {
    color: #f29fe2!important;
    font-weight: 600;
}

.page-template-template-wocom a.butwhitser {
    background: #f29fe2;
    color: white;
}

.page-template-template-wocom a.butwhitser:hover {
    background: #f29fe2;
}

.page-template-template-wocom .ewdcmm li:before {
    background: #f29fe2;
}
.page-template-template-wocom .dev-solution-box {
    min-height: 450px;
}
.page-template-template-wocom .magento-training-content {
    min-height: 450px;
}

.page-template-template-wocom .ss {
    background: #f29fe2;
}
.click1{
    width: 30px;
    height: 43px;
    /* margin: 50px auto 0; */
    background: url(//www.ecommercewebsitedevelopmentchennai.in/wp-content/themes/zuanecommerce/css/../images/bottom-arrow.png) no-repeat center bottom;
    animation: move 1.5s linear 0s infinite;
    display: block;
    transition: all .3s ease;
    left: 50%;
    position: absolute;
}
#myNavbar .sub-menu::before{z-index:1;}
#myNavbar .sub-menu::after
{	
content: '';
width: 100%;
display: block;
height: 20px;
background: transparent;
position: absolute;
top: -20px;
left: 0;
z-index: 0;
}

@media(min-width: 768px) {
/*.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
*/
#myNavbar ul.sub-menu li ul.sub-menu{
display: block;
position:relative;
left: 0;
    border: none;
    background: transparent;
    z-index: auto;
    box-shadow: none;
top:0;

}
#myNavbar ul.sub-menu li ul.sub-menu:before{
display:none;
}
#myNavbar ul.sub-menu li ul.sub-menu:after{
display:none;
}
/*.sub-menu-columns ul.sub-menu li:nth-child(-n+5) {
float: left;
}
.sub-menu-columns ul.sub-menu li:nth-child(n+6) {
float: right;
}*/
#myNavbar ul.sub-menu li ul.sub-menu li {
    width: 200px;
    background: none;
}
}
@media(max-width: 768px) {
#myNavbar ul.sub-menu{
width:100%;
left:0;}
#myNavbar ul.sub-menu li:last-child a{
padding:0 !important;}
#myNavbar .sub-menu-columns ul.sub-menu{
width:100%;}
#myNavbar ul.sub-menu li ul.sub-menu{
display: block;
position:relative;
left: 0;
    border: none;
    background: transparent;
    z-index: auto;
    box-shadow: none;
top:0;

}
#myNavbar ul.sub-menu li ul.sub-menu:before{
display:none;
}
#myNavbar ul.sub-menu li ul.sub-menu:after{
display:none;
}
#myNavbar .sub-menu::before{
display:none;
}
}
.pl-0{padding-left:0 !important;}
nav{position:relative;margin:0 auto;}
#cssmenu{
display:inline-block;padding: 20px 0 10px;}
#cssmenu ul{
}
#cssmenu ul,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu ul li{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}

#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:10px;font-size:15px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:500;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#3194d0!important;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.sub-menu-columns ul.sub-menu {
width:570px;
}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;z-index:9999999;top:45px;}

#cssmenu ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;width:260px;padding-right:0;padding-top:0; padding-bottom:0;margin-right: 10px;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:15px 10px;font-size:13px;text-decoration:none;color:#000;font-weight:400;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#3194d0;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#b3b1b1;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#b3b1b1;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}

#cssmenu ul li{width:100%;border-top:1px solid rgba(150,150,150,0.15)}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#000;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;background:none;border:none;}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
#cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:5px;cursor:pointer;z-index: 12399994;}
#cssmenu .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
#cssmenu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
#cssmenu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cssmenu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(150,150,150,0.15);height:35px;width:46px;cursor:pointer}

#cssmenu ul ul .submenu-button{height:45px;width:35px}

#cssmenu ul ul .submenu-button:after{top:20px;right:13px}


#cssmenu ul ul .submenu-button:before{top:17px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.sub-menu-columns ul li:hover:before {
    content: '\f10c';
    color:#3399d6;
}
.sub-menu-columns ul li:before {
    content: '\f192';
    font-family: FontAwesome;
    color:#3399d6;
    position: absolute;
    left: -8px;
top:16px;
    font-size: 12px;
    transition: all .3s ease 0s;
}
.development-bg .sub-menu li:hover:before {
    content: '\f10c';
    color:#3399d6;
}
.development-bg .sub-menu li:before {
    content: '\f192';
    font-family: FontAwesome;
    color:#3399d6;
    position: absolute;
    left: 8px;
top:16px;
    font-size: 12px;
    transition: all .3s ease 0s;
}
#cssmenu .sub-menu-columns ul {
    background: #fff;
    padding: 10px 10px 0px 20px;
border-bottom: 5px solid #3399d6;
}
#cssmenu ul ul li:hover li a {
color:red;
background: #dededd;
}
#cssmenu .sub-menu-columns ul ul {
    padding: 0 10px;
    width: 100%;
    border: 0;
}

#cssmenu .sub-menu::before {
   content: '';
position: absolute;
border-top: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #fff;
border-right: 13px solid transparent;
top: -26px;
left: 13px;
}
#cssmenu .sub-menu::before{z-index:1;}
#cssmenu .sub-menu::after
{	
content: '';
width: 100%;
display: block;
height: 20px;
background: transparent;
position: absolute;
top: -20px;
left: 0;
z-index: 0;
}
div#stiky-top-header {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
background: linear-gradient(-45deg,#ffdc00,#ff3602);
	background-size: 100%;
/*	animation: gradient 2s ease infinite;*/
    color: #FFF;
    padding: 10px;
cursor:pointer;
z-index:99;
}
div#stiky-top-header h5 {
    font-size: 25px;
display:inline;
margin-left:30px;
color: white !important;
    font-weight: normal;
}
div#stiky-top-header .diwali-img{
width:190px;
display:inline;
margin-left:30px;
}
div#stiky-top-header .demo-img{
width:80px;
display:inline;
margin-left:30px;
}
#top-site-message-CTA {
  color: #ff3602;
  text-decoration: none;
  background: #fff;
  padding: 8px 10px;
  border-radius: 40px;
  white-space: nowrap;
margin-left:20px;
font-size:18px;
font-weight:900;
}
div#stiky-top-header h5 .bold-text {
    font-weight: 900;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media screen and (max-width:1000px){
div#stiky-top-header{padding: 20px;}
div#stiky-top-header h5{width: 90%;margin: 0 auto;display:block}
div#stiky-top-header .diwali-img{margin:0;}
div#stiky-top-header h5{font-size:20px;margin-bottom:20px;}
#top-site-message-CTA{display: block;width: 50%;margin: 10px auto 0 auto;}
a.butwhitser{
margin:0 auto;}
#presta .down-icon a{
bottom: 0;
left: 50%;
    top: 330px;
    z-index: 9;
}
.carousel-control{
bottom: -15% !important;
opacity: 1 !important;
}
#cssmenu .sub-menu-columns ul{background:none;border:none;padding:0;top:0;}
#cssmenu ul ul li{
width:100%;}
#cssmenu .sub-menu::before, #cssmenu .sub-menu::after{
display:none;}

#cssmenu ul ul li:hover li a{
background: none;}
#cssmenu ul{width:100%;display:none;background: #fff;max-height: 400px;
    overflow-y: scroll;}
#cssmenu>ul>li>a{
color:#000}
#cssmenu .submenu-button:before{position:absolute;top:15px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#cssmenu .submenu-button:after{position:absolute;top:18px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu .submenu-button.submenu-opened:after{background:#000;}
#cssmenu ul ul{
top:0;}
#cssmenu ul li ul li:before{
left:10px;}
#cssmenu ul ul{
padding:0;}
}
.tag:before {
    content: '\f0d9';
    font-family: 'fontAwesome';
    position: relative;
    left: -8px;
    top: 0px;
}
.update {
    background: #328ecf;


}
.update:before {
    color: #328ecf;
}
.offer {
    background: #ffa500;
animation: mymove 0.5s infinite;
}
.offer:before {
    color: #ffa500;
}
.popular {
    background: #b91010;
}
.popular:before {
    color: #b91010;
}
.tag {
    padding: 1px 4px;
    color: #fff;
    margin: 0 0 0 7px;
    position: relative;
    font-size: 11px;
    float: none!important;
    left: 0;

}
#cssmenu ul .sub-menu-columns ul li {
    float: left;
padding:0;
}
@keyframes mymove {
  0% {left: 0px;}
  50% {left: 5px;}
  100% {left: 0px;}
}
#cssmenu .development-bg .sub-menu{
width: 600px;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
border-bottom: 5px solid #3399d6;}
.development-bg .sub-menu li{
padding-left:15px;}
.development-bg .sub-menu li:last-child{

}
#development{
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/development-bg-1.jpg')no-repeat;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;}
#development.prestashop-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/prestashop-bg-1-1.jpg')no-repeat;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.magento-ser {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/magento-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.nopcommerce-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/nopcommerce-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.opencart-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/opencart-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.shopify-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/shopify-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.wix-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/wix-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
#development.woocommerce-dev {
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/woocommerce-bg-1.jpg')no-repeat ;
background-size: cover;
-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
-webkit-transition: background ease-in 0.6s;
    -moz-transition: background ease-in 0.6s;
    -o-transition: background ease-in 0.6s;
    transition: background ease-in 0.6s;
}
.item.mass .button::before, .item.mass .button::after {
    display: none;
}
.ecommerce-bg{
position: relative;
background: linear-gradient(-45deg,#ffdc00,#ff3602);
background-size: 100%;}
.ecom-sec-1 {
    padding-top: 30px;
}
.ecommbanner{
position: relative;
background: linear-gradient(to left,#ffdc00,#ff3602);
background-size: 100%;
padding: 50px 0px;
margin-bottom:50px;}
.ecommbanner h2 {
    color: #fff;
font-size: 30px;
    text-align: center;
}
.ecommbanner h2 span {
    font-weight: bolder;
}
img.ecom-img {
    width: 80%;
    margin: 50px auto 50px auto;
    display: block;
}
.ecom-btn {
  color: #ff3602;
  text-decoration: none;
  background: #fff;
  padding: 8px 10px;
  border-radius: 40px;
font-size:18px;
font-weight:900;
text-transform: uppercase;
    text-align: center;
}
.ecom-btn:hover{
color:white;
background:#4d216f;}
.ecom-sec-1{
text-align:center;}
img.ecom-free-demo {
position:absolute;
right:0;
    width: 200px;
    display: inline;
    vertical-align: top;
}
img.ecom-mobile-mockup {
    position: absolute;
    width: 300px;
    left: 0;
    display: inline;
}
.ecom-service-box {
    width: 100%;
    text-align: center;
    padding: 30px 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px #00000033;
    margin-bottom:20px;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    min-height: 440px;
}
.ecom-service-box h2.serv-box-title {
    color: #00011f;
    font-size: 20px;
    font-weight: 900;
}
.ecom-service-box p {
    color: #00011f !important;
    font-size: 16px;
    font-weight: 500;
width: 80%;
    margin: 0 auto;
}
img.show-ecom-serv {
    display: block;
    max-width: 100%;
    width: 100px;
    margin: 50px auto;
}
img.hide-ecom-serv {
    display: none;
    max-width: 100%;
    width: 100px;
    margin: 50px auto;
}
.ecmo-serv-book {
    color: #fff;
    text-decoration: none;
    background: #ff3602;
    padding: 8px 10px;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
width:40%;
margin:0px auto 20px auto;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box h6 {
    font-size: 16px;
    margin-top: 30px;
    font-weight: 600;
}
.ecom-service-box:hover {
    box-shadow: 0px 20px 30px #00000033;
}
.ecom-service-box.bg-1{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-2{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-3{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-4{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-5{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-6{
background-color:#fff;
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ecom-service-box.bg-1:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2669.png');
background-size:cover;
}
.ecom-service-box.bg-2:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2673.png');
background-size:cover;
}
.ecom-service-box.bg-3:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2683.png');
background-size:cover;
}
.ecom-service-box.bg-4:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2682.png');
background-size:cover;
}
.ecom-service-box.bg-5:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2683.png');
background-size:cover;
}
.ecom-service-box.bg-6:hover{
background-color: transparent;
background:url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2680.png');
background-size:cover;
}
.ecom-service-box:hover h2.serv-box-title {
    color: #fff;
    font-weight: 500;
}
.ecom-service-box:hover.ecom-service-box p {
    color: #fff !important;
}
.ecom-service-box:hover img.show-ecom-serv {
    display: none;
}
.ecom-service-box:hover img.hide-ecom-serv {
    display: block;
}
.ecom-service-box:hover a.ecmo-serv-book {
    background: #fff;
    color: #ff3602;
}
.show-hover{
display:block;}
.hover-show{
display:none;}
.ecom-service-box:hover .show-hover{
display:none;}
.ecom-service-box:hover .hover-show{
display:block;}
.ecom-service-box:hover h6 {
    color: #fff;
    font-weight: 500;
}
.ecom-service-sec {
    padding: 80px 0;
}
.ecom-serv-title h2 {
    color: #3f3f65;
    text-align: center;
    font-size: 38px;
    font-weight: 600;
margin-bottom: 20px;
}
.ecom-serv-title h2 span {
    color: #ff3602;
}
.ecom-serv-title {
    margin-bottom: 80px;
}
.ecom-serv-title h4 {
    color: #00011f;
    text-align: center;
    font-size: 25px;
font-weight:600;
}
.ecom-mocup1 .ecom-btn{
display:none;}


/*orderz*/
.feature-section h2 {
    color: #102C56 !important;
    font-size: 40px;
    font-weight: 600;
}

@media screen and (max-width:768px){
.ecommbanner{
padding: 10px 0;
margin-bottom:0;
}
.ecom-sec-1 .ecom-btn{
display:none;}

.ecom-mocup1 .ecom-btn{
display:block;
width: 40%;
    margin: 0 auto;}
.ecom-mocup {
    text-align: center;
}
.ecom-sec-1 {
    padding-top: 0;
}
.ecommbanner h2{
font-size: 20px;
}
img.ecom-img{
margin: 10px auto 20px auto;
}
img.ecom-mobile-mockup{
    position: relative;
    width: 200px;
margin-top: 20px;}
img.ecom-free-demo{
    position: relative;
width:150px;
margin-top:25%;
margin-left:5%;
}
.ecom-serv-title h2{
font-size:23px;
}
.ecom-serv-title h4{
font-size:18px;
}
.ecom-serv-title {
    margin-bottom: 20px;
}
.ecom-service-sec {
    padding: 20px 15px;
}
.ecom-service-box{
}
}
@media screen and (max-width:425px){
img.ecom-free-demo{
width:100px;
margin-top: 5%;}
img.ecom-mobile-mockup{
width:100px;}
}