<!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns#"><head>
	    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="https://lesfoliesdusavon-leblog.com/xmlrpc.php">
    
<title>Overlooking These 4 E-commerce Website Design Elements Will Kill Your Online Business</title>

<!-- This site is optimized with the Yoast SEO plugin v11.1 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="In e-commerce business, your website design is critical. The design determines how comfortable your visitors navigate through the website."/>
<link rel="canonical" href="https://lesfoliesdusavon-leblog.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Overlooking These 4 E-commerce Website Design Elements Will Kill Your Online Business" />
<meta property="og:description" content="In e-commerce business, your website design is critical. The design determines how comfortable your visitors navigate through the website." />
<meta property="og:url" content="https://lesfoliesdusavon-leblog.com/" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="In e-commerce business, your website design is critical. The design determines how comfortable your visitors navigate through the website." />
<meta name="twitter:title" content="Overlooking These 4 E-commerce Website Design Elements Will Kill Your Online Business" />
<meta name="twitter:image" content="http://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262.jpg" />
<script type='application/ld+json' class='yoast-schema-graph yoast-schema-graph--main'>{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://lesfoliesdusavon-leblog.com/#organization","name":"","url":"https://lesfoliesdusavon-leblog.com/","sameAs":[]},{"@type":"WebSite","@id":"https://lesfoliesdusavon-leblog.com/#website","url":"https://lesfoliesdusavon-leblog.com/","name":"","publisher":{"@id":"https://lesfoliesdusavon-leblog.com/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://lesfoliesdusavon-leblog.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://lesfoliesdusavon-leblog.com/#webpage","url":"https://lesfoliesdusavon-leblog.com/","inLanguage":"en-US","name":"Overlooking These 4 E-commerce Website Design Elements Will Kill Your Online Business","isPartOf":{"@id":"https://lesfoliesdusavon-leblog.com/#website"},"about":{"@id":"https://lesfoliesdusavon-leblog.com/#organization"},"datePublished":"2017-10-31T17:27:46+00:00","dateModified":"2017-12-30T16:53:40+00:00","description":"In e-commerce business, your website design is critical. The design determines how comfortable your visitors navigate through the website."}]}</script>
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title=" &raquo; Feed" href="https://lesfoliesdusavon-leblog.com/feed" />
<link rel="alternate" type="application/rss+xml" title=" &raquo; Comments Feed" href="https://lesfoliesdusavon-leblog.com/comments/feed" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/lesfoliesdusavon-leblog.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.1.2"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='wp-block-library-css'  href='https://lesfoliesdusavon-leblog.com/wp-includes/css/dist/block-library/style.min.css?ver=5.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/third-party/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='education-hub-google-fonts-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A600%2C400%2C400italic%2C300%2C100%2C700%7CMerriweather+Sans%3A400%2C700&#038;ver=5.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='education-hub-style-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/style.css?ver=1.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=4.3.0' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-animations-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.5.14' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.5.14' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-global-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/uploads/elementor/css/global.css?ver=1509470520' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-24-css'  href='https://lesfoliesdusavon-leblog.com/wp-content/uploads/elementor/css/post-24.css?ver=1514652457' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.1.2' type='text/css' media='all' />
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='https://lesfoliesdusavon-leblog.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://lesfoliesdusavon-leblog.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://lesfoliesdusavon-leblog.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.1.2" />
<link rel='shortlink' href='https://lesfoliesdusavon-leblog.com/' />
<link rel="alternate" type="application/json+oembed" href="https://lesfoliesdusavon-leblog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flesfoliesdusavon-leblog.com%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://lesfoliesdusavon-leblog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flesfoliesdusavon-leblog.com%2F&#038;format=xml" />
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #dbdbdb; }
</style>
			<style type="text/css" id="wp-custom-css">
			.site-info{
display: none!important;
}

/*
Theme Name: Education Hub
Theme URI: http://wenthemes.com/item/wordpress-themes/education-hub/
Author: WEN Themes
Author URI: http://wenthemes.com/
Description: Education Hub is a clean and elegant WordPress education theme with simplistic but unique look and feel. This theme is best suited for college, school, university and other educational websites. But this theme is not binded to be fit for educational websites only. This is also flexible enough to be used for business and corporate websites. Theme is highly customizable with layout settings and several other theme options which can be customized by using Theme Options panel based on powerful Customizer API. Education Hub helps you to easily and intuitively create professional and appealing educational websites. Official Support Forum: http://themepalace.com/support-forum/ Full Demo: http://wenthemes.com/theme-demos/?demo=education-hub
Version: 1.9.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-hub
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, education, footer-widgets, blog, custom-logo, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Custom by WEN Themes

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    font-size: 16px;
    color:#666666;
    overflow-x:hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
   overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    border: 1px solid #dddddd;
    padding: 5px;
    text-align: center;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}

blockquote {
    background-color: #f9f9f9;
    border-left: 4px solid #ffab1f;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 20px;
}

blockquote,
q {
    quotes: "" "";
}

address {
  margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size:15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding:15px;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size:15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
p {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #161c2e;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 20px;
}

h3{
    font-size: 17px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 14px;
}

ul,
ol {
    margin: 0 0 15px 25px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.cta-button-primary,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #CEB080;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
      background-color: #161c2e;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 6px 0 6px 9px;

}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a,
a:visited {
    color:#161c2e;
    text-decoration: inherit;
}

a:hover,
a:focus,
a:active {
    color: #CEB080;

}

a:focus {
    outline:inherit;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#main-nav {
    background-color: #161c2e ;
    border-bottom: 10px solid #CEB080;
    display: block;
    float: left;
    width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
}

.main-navigation ul ul {
    background: #161c2e none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 44px;
    z-index: 9999;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation li:hover > ul{
    display: block;
}

.main-navigation ul li a {
    color: #ffffff ;
    border-right: 3px solid #CEB080 ;
    display: block;
    font-size: 16px;
    font-weight: 800;
    padding: 10px 20px;
    position: relative;
    z-index: 99;

}

.main-navigation ul li:first-child > a {
    border-left: 3px solid #CEB080 ;
}

.main-navigation ul li li:first-child a {
    border-left:none;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #dddddd;
    border-left: none;
    border-right: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: fontawesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 12px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a ,
.main-navigation li:hover > a{
    background: #CEB080;
    color: #fff;
}

.enabled-sticky-primary-menu #main-nav.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

/* Small menu. */

@media screen and (min-width:768px) {
.menu-toggle,.dropdown-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;

}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    border: 1px solid #dddddd;
    max-width: 100%;
    padding: 5px;
    width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 15px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.single .entry-content{
    text-align: left;
}

.entry-meta > span a,
.single-post-meta > span a,
.entry-footer > span a {
    font-style: italic;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.entry-title {
    margin-bottom: 5px;
}

#featured-content .entry-title {
    margin-bottom: 10px;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.entry-meta > span:before,
.entry-footer > span:before,
.single-post-meta > span:before,
.block-meta a:before {
    display: inline-block;
    font-family: Fontawesome;
    height: 15px;
    margin-right:8px;
    content: "";
}

.block-meta {
    margin-bottom: 10px;
}

.block-meta a:before{
    content: "\f073";
}

span.comments-link::before {
    content: "\f086";
}

.entry-meta .posted-on::before,
.single-post-meta .posted-on::before{
    content: "\f073 ";
}

.entry-footer > .cat-links:before {
    content:"\f07c";
}

.entry-meta .byline::before,
.single-post-meta .byline::before {
    content: "\f007";
}

.entry-footer .edit-link:before{
    content: "\f044";
}

.entry-footer .tags-links:before{
    content: "\f02c";
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

#calendar_wrap caption {
    background: #ffa500 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 19px;
    padding: 5px 10px;
}

#calendar_wrap table {
    background: #161c2e none repeat scroll 0 0;
    color: #ffffff;
}

#calendar_wrap #next,
#calendar_wrap td#prev,
td#today{
    background: #ffab1f;
}

#calendar_wrap #next a,
#calendar_wrap td#prev a,
td#today a{
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}

.comments-area form#commentform p {
    float: left;
    width: 33.33%;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form p {
    padding: 0 15px;
    width: 100%;
}

.comment-form {
    margin: 0 -15px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 33.33%;
    float: left;
}

.comment-list li.comment:after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 10px 30px 10px 70px !important;
    position: relative;
    text-align: left;
    width: 100%;
}
.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    left: 20px;
    position: absolute;
    top: 20px;
}

.comment-metadata {
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-reply-link {
    background-color: #161c2e;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 1px 15px 3px;
    border-radius: 2px;
}

a.comment-reply-link:hover {
    background-color: #ffab1f;
    color:#fff;
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#commentform label {
    display: inline-block;
    width: 100px;
}

.nav-links span.current,
.nav-links a {
    background-color: #161c2e;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}
.nav-links a:hover,
a.cta-button-primary:hover,
.nav-links span.current {
    background-color: #ffab1f;
    color: #ffffff;
}

.page-links > span:first-child {
    padding: 0;
}

.page-links span {
    padding: 5px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-left: -15px;
    margin-right: -15px;
}

.gallery-item {
    display: inline-block;
    margin: 0 0 10px;
    padding: 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}



/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Custom Basic Reset By WEN Themes
--------------------------------------------------------------*/


/*Clearings*/

.clear-fix:before,
.clear-fix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear-fix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

#tophead::after,
#tophead::before,
#masthead::after,
#masthead::before,
#featured-slider::after,
#featured-slider::before,
#content::after,
#content::before,
#footer-widgets::after,
#footer-widgets::before,
#colophon::after,
#colophon::before,
#featured-content::after,
#featured-content::before,
#featured-news-events::after,
#featured-news-events::before {
  clear: both;
  content: "";
  display: table;
}

/*--------------------------------------------------------------
## Custom Basic Style By WEN Themes
--------------------------------------------------------------*/

.container{
  width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.inner-wrapper{
  margin-left: -15px;
  margin-right: -15px;
}

/*--------------------------------------------------------------
## Custom Basic Header Style By WEN Themes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Custom Basic Header Style By WEN Themes
--------------------------------------------------------------*/
.site-info a {
    color: #ffffff;
}

.site-header {
    clear: both;
    padding: 20px 0;
}

.site-logo-link, .custom-logo-link{
    float: left;
    margin-right: 10px;
    max-width:300px;
}

#site-identity {
    float: left;
    margin-top: 7px;
}

.site-title {
    clear: none;
    font-family: "Merriweather Sans",sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
}


.site-logo-link > img, .custom-logo-link img {
    max-height: 110px;
    width: auto;
}
.site-description {
    color: #666666;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 1.4px;
    margin-bottom: 0;
}

.site-content {
    padding:40px 0;
    float: left;
    width: 100%;
}
.home.home-content-not-enabled .site-content {
  padding: 0;
}
#tophead {
    background-color: #161c2e ;
    clear: both;
    font-family: "Merriweather Sans",sans-serif;
    min-height: 35px;
}

#quick-contact {
    float: left;
    padding-top: 8px;
}

#quick-contact li {
    border-left: 1px solid #fff;
    float: left;
    font-size: 14px;
    line-height: 1.1;
    list-style: outside none none;
    margin-left: 15px;
    padding-left: 15px;
}

#quick-contact li:first-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

#quick-contact li::before {
    color:#ffffff;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 17px;
}

#quick-contact .top-news-title::before {
    color: #ffffff;
    content: "\f0a4";
    float: left;
    font-family: fontawesome;
    font-size: 18px;
    line-height: 1;
    margin-right: 5px;
}

#quick-contact .top-news > p {
    color: #ffffff;
    margin: 0;
}

#quick-contact .top-news > p{
    float: left;
    min-width: 270px;
}

#quick-contact .top-news-title {
    display: block;
    float: left;
    margin-right: 15px;
}

#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-email::before {
    content: "\f0e0";
}

#quick-contact > ul {
    margin: 0;
    padding: 0;
}

#quick-contact .top-news {
    border-left: 1px solid #fff;
    float: left;
    margin-left: 15px;
    padding-left: 15px;
}

#quick-contact > ul {
    float: left;
    margin: 0;
    padding: 0;
}

#quick-contact a,
#tophead {
    color: #ffffff;
}


#quick-contact a:hover,
#quick-contact li:hover a,
#quick-contact .top-news a:hover {
    color: #bfbfbf;
}

#quick-contact .top-news a {
    font-weight: bold;
    text-decoration: underline;
}


/*Quicek links */

.quick-links  a.links-btn {
    border: 1px solid #dddddd;
    color: #ffffff;
    display: inline-block;
    float: right;
    margin: 3px 0;
    padding: 4px 41px 4px 10px;
    position: relative;
}

.quick-links a.links-btn::after {
    background:#ffab1f none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.quick-links a.links-btn::before {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #fff;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 13px;
    width: 10px;
    z-index: 99;
}

.quick-links > ul {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 3px #040404;
    display: none;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 37px;
    width: 220px;
    z-index: 9999;
}

.quick-links:hover ul {
    display: block;
}

.quick-links ul li a {
    border-bottom: 1px solid #ddd;
    color: #333366;
    display: block;
    margin-bottom: 0;
    padding: 4px 10px;
}

.quick-links ul li a:hover {
    background-color: #ffab1f;
    color:#fff;
}

.quick-links {
    float: right;
    position: relative;
}

/*styling for top Socila links*/

.header-social-wrapper {
    float: right;
    max-width: 260px;
}

.header-social-wrapper  .education_hub_widget_social {
    margin: 0;
    float: right;
    width: auto;
}

.header-social-wrapper .education_hub_widget_social {
    float: right;
    margin: 0 2px 0 0;
    width: auto;
}
.header-social-wrapper .education_hub_widget_social ul {
  margin: 0;
}

.header-social-wrapper .education_hub_widget_social li a {
    border: 1px solid #dddddd;
    height: 29px;
    margin-right: 0;
    width: 29px;
    background: inherit;
}

.header-social-wrapper .education_hub_widget_social  ul li a:before {
  font-size:18px;
}

.header-social-wrapper .education_hub_widget_social li {
    margin: 4px 2.5px 0;
}
.header-social-wrapper .education_hub_widget_social ul li a:before {
  color: #fff;
  line-height: 1.6;
}






/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/
.education_hub_widget_social {
  clear: both;
  overflow: hidden;
}

.education_hub_widget_social ul {
  margin: 0;
}

.education_hub_widget_social li a {
  background-color: #eaeaea;
  border: medium none;
  display: inline-block;
  height: 33px;
  line-height: 1.7;
  margin-right: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 33px;
}

.education_hub_widget_social  ul li a:before {
  font-size:19px;
}

.education_hub_widget_social li a i {
  color:#cacad8;
  font-size: 18px;
  font-weight: normal;
}

.education_hub_widget_social li {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.education_hub_widget_social ul li a:before {
  color: #1f1f29;
  content: "\f0c1";
  display: block;
  font-family: FontAwesome;
  font-weight: normal;
  line-height: 1.7;
}

.education_hub_widget_social ul li a:hover {
    background-color: #31a9ff;
}

.education_hub_widget_social ul li a:hover:before{
  color: #fff;
}

.education_hub_widget_social ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}

.education_hub_widget_social ul li a[href*="twitter.com"]:before {
  content: "\f099";
}

.education_hub_widget_social ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.education_hub_widget_social ul li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.education_hub_widget_social ul li a[href*="youtube.com"]:before {
  content: "\f167";
}

.education_hub_widget_social ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}

.education_hub_widget_social ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.education_hub_widget_social ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}

.education_hub_widget_social ul li a[href*="github.com"]:before {
  content: "\f113";
}

.education_hub_widget_social ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}

.education_hub_widget_social ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.education_hub_widget_social ul li a[href$="/feed/"]:before {
  content: "\f09e";
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.education_hub_widget_social ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}

.education_hub_widget_social ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.education_hub_widget_social ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.education_hub_widget_social ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.education_hub_widget_social ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}

.education_hub_widget_social ul li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.education_hub_widget_social ul li a[href*="soundcloud.com"]:before {
  content: "\f1be";
}
.education_hub_widget_social ul li a[href*="wordpress.org"]:before {
  content: "\f19a";
}
.education_hub_widget_social ul li a[href*="wordpress.com"]:before {
  content: "\f19a";
}

.education_hub_widget_social ul li a[href*="jsfiddle.net"]:before {
  content: "\f1cc";
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]:before {
  content: "\f262";
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.education_hub_widget_social ul li a[href*="angel.co"]:before {
  content: "\f209";
}

.education_hub_widget_social ul li a[href*="slack.com"]:before {
  content: "\f198";
}

/*social links hover effect */

.education_hub_widget_social ul li a[href*="facebook.com"]:hover {
  background-color: #3b5998;
}

.education_hub_widget_social ul li a[href*="twitter.com"]:hover {
  background-color: #00aced;
}

.education_hub_widget_social ul li a[href*="plus.google.com"]:hover {
  background-color: #dd4b39;
}

.education_hub_widget_social ul li a[href*="/feed/"]:hover  {
  background-color: #dc622c;
}

.education_hub_widget_social ul li a[href*="wordpress.org"]:hover {
  background-color: #21759b;
}

.education_hub_widget_social ul li a[href*="github.com"]:hover {
    background-color: #000000;
}

.education_hub_widget_social ul li a[href*="linkedin.com"]:hover {
  background-color: #007bb6;
}

.education_hub_widget_social ul li a[href*="pinterest.com"]:hover {
  background-color: #cb2027;
}

.education_hub_widget_social ul li a[href*="flickr.com"]:hover {
  background-color: #ff0084;
}

.education_hub_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #44bbff;
}
.education_hub_widget_social ul li a[href*="youtube.com"]:hover {
  background-color: #bb0000;
}

.education_hub_widget_social ul li a[href*="instagram.com"]:hover {
   background-color: #517fa4;
}

.education_hub_widget_social ul li a[href*="dribbble.com"]:hover {
  background-color: #ea4c89;
}

.education_hub_widget_social ul li a[href*="skype.com"]:hover {
  background-color: #12a5f4;
}

.education_hub_widget_social ul li a[href*="digg.com"]:hover {
  background-color: #333;
}

.education_hub_widget_social ul li a[href*="codepen.io"]:hover {
  background-color: #000;
}

.education_hub_widget_social ul li a[href*="reddit.com"]:hover {
  background-color: #ff4500;
}

.education_hub_widget_social ul li a[href*="mailto:"]:hover {
  background-color: #1d62f0;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
  background-color: #f94877;
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:hover {
  background-color: #eb4924;
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:hover {
  background-color: #6441a5;
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:hover {
  background-color: #32506d;
}
.widget-area .education_hub_widget_social li::before {
    display: none;
}

.widget-area .education_hub_widget_social li {
    padding: 0;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
  background-color: #f94877;
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:hover {
  background-color: #eb4924;
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:hover {
  background-color: #6441a5;
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:hover {
  background-color: #32506d;
}

.education_hub_widget_social ul li a[href*="soundcloud.com"]:hover {
  background-color: #ff5500;
}

.education_hub_widget_social ul li a[href*="wordpress.org"]:hover {
   background-color:#21759b;
}

.education_hub_widget_social ul li a[href*="jsfiddle.net"]:hover {
  background-color:#4679bd;
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]:hover {
   background-color:#86c171;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
   background-color:#FF00AA;
}

.education_hub_widget_social ul li a[href*="angel.co"]:hover {
   background-color:#000;
}

.education_hub_widget_social ul li a[href*="slack.com"]:hover {
   background-color:#56b68b;
}

/*Recent added social links*/
.education_hub_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.education_hub_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.education_hub_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.education_hub_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.education_hub_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}



.education_hub_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.education_hub_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}


  /*hover effect*/

.education_hub_widget_social ul li a[href*="soundcloud.com"]:hover{
    background-color: #ff5500;
}
.education_hub_widget_social ul li a[href*="wordpress.org"]:hover,
.education_hub_widget_social ul li a[href*="wordpress.com"]:hover{
    background-color:#45bbe6;
}
.education_hub_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}
.education_hub_widget_social ul li a[href*="tripadvisor.com"]:hover{
    background-color:#86c171;
}

.education_hub_widget_social ul li a[href*="angel.co"]:hover{
    background-color:#000;
}
.education_hub_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

/*--------------------------------------------------------------
## Custom Basic Slider Style By WEN Themes
--------------------------------------------------------------*/


#main-slider img{
    width:100%;
}

#main-slider {
    clear: both;
    position: relative;
    text-align: center;
    overflow: hidden;
}

#main-slider img{
    width: 100%;
    vertical-align: middle;
}

#main-slider article.first{
    display: block;
}

#main-slider article{
    display: none;
}

#main-slider .pager-box {
    background: #CEB080 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius:100%;
    cursor: pointer;
    display: inline-block;
    float: none;
    z-index: 99;
    height: 20px;
    margin: 3px 7px;
    width: 20px;
}

#main-slider .pager-box.cycle-pager-active{
    background:#161c2e none repeat scroll 0 0;
}

#main-slider .cycle-pager {
    bottom: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#main-slider .cycle-caption {
    background-color:rgba(255, 255, 255, 0.85);
    border-radius: 0 152px 0 0;
    border-right: 8px solid #CEB080;
    height: auto;
    left: 7.5%;
    max-width: 37.1%;
    padding: 18px 45px 18px 25px;
    position: absolute;
    text-align: left;
    top: 37%;
    width: auto;
    z-index: 999;
}

#main-slider a,
#main-slider h3 {
    color: #161c2e;
}

#main-slider  p {
    color: #09254b;
    font-size: 17px;
    margin-bottom: 5px;
    text-shadow: 0 0 2px #ffffff;
}

#main-slider  h3 {
    color: #15305b;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: -1px 1px 1px #ffffff;
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after{
    background-color: #CEB080;
    border-radius: 0;
}

#main-slider .cycle-prev:hover{
    left: -5px;
}

#main-slider .cycle-next:hover{
    right: -5px;
}

#main-slider .cycle-prev::after,
#main-slider .cycle-next::after {
    background-color: #161c2e;
    border-radius: 0 30px 30px 0;
    display: block;
    font-size: 36px;
    padding: 15px 20px 15px 25px;
    text-shadow: 0 0 1px #000000;
     transition: all 0.5s ease-in-out 0s;
}

#main-slider .cycle-next::after {
    padding: 15px 25px 15px 20px;
    border-radius: 30px 0 0 30px;

}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-prev:after{
    content: "\f104";
    font-family:fontawesome;
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after{
    color:#fff;
}

#main-slider .cycle-next:after {
    content: "\f105";
    height: auto;
    font-family:fontawesome;
}

#main-slider .cycle-prev,
#main-slider .cycle-next {
    border-radius: 31px;
    bottom: 47%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.9;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
    transition: all 0.2s ease-in-out 0s;
}

#main-slider .cycle-prev{
    left:-18px;
}

#main-slider  .cycle-next {
    right:-18px;
}

#main-slider .cycle-slide{
    width: 100%;
}


/*search section*/

.search-section {
    float: right;
    padding-top: 15px;
    width: 20%;
}

.search-form .search-field {
    border-radius: 2px;
    padding: 10px 25% 10px 5%;
    width: 70%;
}

.widget-area .search-form .search-field {
    width: 51%;
}

.search-form .search-submit {
    background-color: #161c2e;
    border-radius: 0 2px 2px 0;
    float: right;
    padding: 8.9px 15px;
    position: absolute;
    right: -2px;
    top: 0;
}

.search-form .search-submit:hover {
    background-color:#CEB080;
}

.search-form {
    margin: 0 auto;
    max-width: 350px;
    position: relative;
}

/*--------------------------------------------------------------
## Custom Basic Content Style By WEN Themes
--------------------------------------------------------------*/


#content article {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 25px;
}

#primary{
    width: 75%;
    padding-left:15px;
    padding-right: 15px;
    float: left;
}

#sidebar-primary .widget-title::after ,
#sidebar-secondary .widget-title::after{
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #161c2e;
    bottom: -20px;
    content: "";
    display: block;
    height: 21px;
    left: 5%;
    margin: 0 auto;
    position: absolute;
    width: 13px;
    z-index: 9999;
}

#sidebar-primary .widget-title,
#sidebar-secondary .widget-title {
    background: #161c2e none repeat scroll 0 0;
    border-bottom: 0 solid #CEB080;
    border-left: 5px solid #CEB080;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 15px;
    position: relative;
}


.widget-area ul li::before {
    color: #161c2e;
    content: "\f101";
    display: inline-block;
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    margin-left: 5px;
    margin-right: 8px;
    position: absolute;
}

.widget-area .widget {
    clear: both;
    float: left;
    width: 100%;
}

.widget-area ul ul ul ul ul > li {
    padding-left: 0;
}
.widget-area ul ul ul ul ul > li:before {
    left:-20px;

}
/*--------------------------------------------------------------
## Custom Basic Sidebar Style By WEN Themes
--------------------------------------------------------------*/

#sidebar-primary {
    width:25%;
    padding-left:15px;
    padding-right: 15px;
    float: right;
}

#sidebar-secondary {
    width:25%;
    padding-left:15px;
    padding-right: 15px;
    float: right;
}

.widget-area ul {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
}

.widget-area ul ul {
    margin-bottom: 0;
    border: none;
}

.widget-area ul li {
    padding: 2px 0 2px 25px;
    position: relative;
}

.attachment-full.wp-post-image {
    margin: 0 0 15px 0;
}

.recent-news {
    float: left;
    padding: 0 15px;
    width: 60%;
}

.recent-events {
    float: left;
    padding: 0 15px;
    width: 40%;
}

.news-post {
    float: left;
    padding: 0 15px;
    width: 50%;
}

.news-post:last-child {
    border: medium none;
}

.news-post:nth-child(2n+1) {
    clear: both;
}
.recent-events img {
    max-width: 95px;
}

#featured-content article {
    float: left;
    padding: 0 15px;
}

#featured-content .featured-content-column-1 article{
    width: 100%;
}

#featured-content .featured-content-column-2 article{
    width: 50%;
}

#featured-content .featured-content-column-3 article{
    width: 33.33%;
}

#featured-content .featured-content-column-4 article{
    width: 25%;
}

#featured-content {
    background: #fbfbfb none repeat scroll 0 0;
    padding: 30px 0;
    float: left;
    width: 100%;
}

#featured-news-events h2::before {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 15px;
}

#featured-news-events .recent-news h2::before{
    content: "\f1ea"
}

#featured-news-events .recent-events h2::before{
    content: "\f073"
}

#featured-news-events h3 {
    margin-bottom: 5px;
}

.event-post .entry-meta {
    background: #ffab1f none repeat scroll 0 0;
    border-radius: 8px 8px 5px 5px;
    border-top: 3px solid #002147;
    color: #ffffff;
    float: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 20px 10px 0;
    padding: 0 10px 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 1px #5d5d5d;
    width: 71px;
}

.event-post .entry-meta::before {
    border: 1px solid #ffab1f;
    border-radius: 100%;
    content: "";
    display: block;
    height: 25px;
    left: 24px;
    position: absolute;
    top: -15px;
    width: 25px;
}

.event-post .entry-meta::after {
    border: 1px solid #ffffff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 44px;
    width: 100%;
}

a.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 15px;
    padding: 0;
}

a.button:hover{
    color:#6081a7;
}

a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}

.event-post .entry-meta a{
    color: #fff;
}

.event-post {
    background: #f3f3f3 none repeat scroll 0 0;
    clear: both;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 15px 15px 0;
}

#featured-news-events {
    clear: both;
    padding: 30px 0 15px;
}

.news-content {
    background: #f3f3f3 none repeat scroll 0 0;
    border-top: 5px solid #ffab1f;
    padding: 15px;
}

.news-post img{
    margin-bottom:0;
}


/*--------------------------------------------------------------
## Custom Basic Footer Style By WEN Themes
--------------------------------------------------------------*/

#footer-widgets {
    background-color: #161c2e;
    border-top: 5px solid #CEB080;
    float: left;
    padding: 14px 0;
    width: 100%;
}

.footer-widget-area  ul {
    margin: 0;
}

.footer-widget-area  ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.footer-widget-area ul li::before {
    color: #ffab1f;
    content: "\f101";
    display: inline-block;
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    margin-left: 5px;
    margin-right: 8px;
    position: absolute;
}

.news-content {
    background: #f3f3f3 none repeat scroll 0 0;
    border-top: 5px solid #ffab1f;
    margin-bottom: 20px;
    padding: 15px;
}

.footer-widget-area:first-child{
    border:none;
}

.footer-widget-area {
    border-left: 1px dashed #939393;
    float: left;
    height: 100%;
    padding: 0 25px;
}

#footer-widgets .inner-wrapper{
    margin-left: -25px;
    margin-right: -25px;
}

.footer-widget-area  a{
    color:#fff;
}

.footer-widget-area a:hover,
#colophon a:hover{
    color:#c2c2c2;
}

#colophon a {
    color: #c2c2c2;
}

#colophon a:hover {
    opacity: 0.5;
}

.footer-widget-area p,
.footer-widget-area{
    color: #fff;
}

#footer-widgets .widget-title {
    color: #c2c2c2;
    font-weight: normal;
}

.footer-active-1{
    width: 100%;
}

.footer-active-2{
    width: 50%;
}

.footer-active-3{
    width: 33.33%;
}

.footer-active-4{
    width: 25%;
}

.site-footer {
    background-color: #CEB080;
    clear: both;
    color: #ffffff;
    padding: 5px 0;
    text-align: center;
}

.copyright {
    margin-bottom: 5px;
    margin-top: 5px;
}

.social-links {
    margin-bottom: 15px;
}

#footer-navigation li:first-child a,
#quick-links-404 ul li:first-child a {
    border: medium none;
}

#footer-navigation li a,
#quick-links-404 ul li a {
    border-left: 1px solid #dddddd;
    line-height: 0.2;
}

/*--------------------------------------------------------------
## Inner pages Style By WEN Themes
--------------------------------------------------------------*/

#footer-navigation li a,
#quick-links-404 ul li a {
    color: #ffffff;
    display: block;
    padding: 5px 10px;
}

#footer-navigation ul{
    margin: 0;
}

#quick-links-404 {
    margin-top: 10px;
}

#footer-navigation li,
#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}
.footer-widget-area .education_hub_widget_social ul li {
    padding: 0;
}
.footer-widget-area .education_hub_widget_social ul li:before {
    display: none;
}


/*--------------------------------------------------------------
## Custom Basic Layout Style By WEN Themes
--------------------------------------------------------------*/

body.site-layout-boxed{
  background-color: #ddd;
}

.site-layout-boxed #tophead,
.site-layout-boxed #masthead,
.site-layout-boxed #main-nav,
.site-layout-boxed #featured-slider,
.site-layout-boxed #featured-content,
.site-layout-boxed #footer-widgets,
.site-layout-boxed #colophon {
  margin-left: -25px;
  margin-right: -25px;
}

.site-layout-boxed #tophead,
.site-layout-boxed #masthead,
.site-layout-boxed #featured-content,
.site-layout-boxed #footer-widgets,
.site-layout-boxed #colophon{
  padding-left:25px;
  padding-right:25px;
}

.site-layout-boxed #main-nav,
.site-layout-boxed #footer-widgets {
    width: 105%;
}

.site-layout-boxed #page {
    background: #ffffff;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}

.site-layout-fluid #page {
  background: inherit;
  box-shadow: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
}

.site-layout-boxed #page .container {
  padding: 0;
  width: 100%;
}

.global-layout-left-sidebar #primary {
  float: right;
}

.global-layout-three-columns #primary {
  display: inline-block;
  float: none;
  width: 50%;
}

.global-layout-three-columns #sidebar-primary {
  float: left;
  width: 25%;
}

.global-layout-no-sidebar #primary{
  width: 100%;
}

.site-layout-fluid #featured-slider .container {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.site-layout-fluid #main-slider {
  margin: 0;
}

/*--------------------------------------------------------------
## Custom Basic Scrollup Style By WEN Themes
--------------------------------------------------------------*/

.scrollup {
  background: #CEB080 none repeat scroll 0 0;
  bottom: 50px;
  color: #ffffff;
  display: none;
  float: right;
  line-height: 1.2;
  padding: 5px 10px 10px;
  position: fixed;
  right: 32px;
  text-align: center;
  z-index: 99999;
}
.scrollup i {
  font-size: 26px;
  color:#161c2e;
}
.scrollup:hover i {
  font-size: 26px;
  color:#fff;
}

/*--------------------------------------------------------------
## Custom Basic Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

.entry-footer > span,
.entry-meta > span{
    margin-right: 15px;
}


section.error-404 {
    text-align: center;
}

h2.error-title {
    font-size: 113px;
    font-style: italic;
    text-shadow: 3px 3px 0 #ffab1f;
}



#quick-links-404 ul li a{
    color: #404040;
}

.error404 #primary {
    width: 100%;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
input[type="url"] {
    width: 100%;
}

/*--------------------------------------------------------------
### Custom Basic Breadcrumb  Style By WEN Themes
--------------------------------------------------------------*/

#breadcrumb {
  background: #CEB080 none repeat scroll 0 0;
  clear: both;
  padding-bottom: 15px;
  padding-top: 15px;
}


/*--------------------------------------------------------------
## Custom Basic Responsive Style By WEN Themes
--------------------------------------------------------------*/


/*  Media Queries
--------------------------- */
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1169px){
    #page,
    .container  {
          width: 97%;
    }

    .main-navigation ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }

    #main-slider .cycle-caption{
        max-width: 50%;
    }
    .main-navigation ul ul {
        top:41px;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){
  .inner-wrapper,
  #footer-widgets .inner-wrapper {
      margin-left: -15px;
      margin-right: -15px;
  }

  #page {
      padding: 0 15px;
      width: 97%;
  }

  #primary,
  #sidebar-primary,
  #sidebar-secondary,
  .site-footer {
      padding-left: 15px;
      padding-right: 15px;
  }

  #main-slider .cycle-caption{
      padding:15px;
  }

  #main-slider .cycle-prev,
  #main-slider .cycle-next{
      bottom: 40%;
  }

  #main-slider .cycle-caption {
      left: 8.5%;
      max-width: 60%;
      padding: 15px 22px;
      top: 25%;
      width: auto;
      z-index: 999;
  }

  #main-slider .cycle-slide {
      width: 100%;
  }

  .main-navigation ul li a {
      font-size: 15px;
      padding: 10px 13px;
  }

  .quick-links {
      margin: 10px auto;
  }

  #calendar_wrap td,
  #calendar_wrap th {
      font-size: 12px;
      padding: 3px;
  }

  #quick-contact {
      float: left;
      padding-top: 20px;
  }

  #notice-ticker,
  .top-news > p {
    min-width: 125px;
 }
    .header-social-wrapper {
        float: left;
        margin-top: 9px;
    }
    #quick-contact {
        padding-top: 20px;
        width: 100%;
    }
}



/* All Mobile Sizes (devices and browser) */
@media only screen and ( max-width: 767px ) {
	h1 {
		font-size:22px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size:16px;
	}

	h5 {
		font-size: 15px;
	}

	h6 {
		font-size: 14px;
	}
	#page #masthead {
		background-position: center top;
		background-size: 100% auto;
		padding-top:110px;
	}
	#page,
	.container  {
		width:100%;
		padding: 0 15px;
	}

	.site-content {
		padding-top: 15px;
	}

	.site-main .post {
		margin-bottom: 15px;
	}

	#primary,
	#sidebar-primary,
	#sidebar-secondary{
		width: 100%;
		clear: both;
	}

	.site-branding {
		text-align: center;
	}

	.site-layout-boxed  #page {
		box-shadow: inherit;
		margin-bottom: 15px;
		margin-top: 15px;
		width: 93%;
	}

	.global-layout-three-columns #primary,
	.global-layout-three-columns #sidebar-primary,
	.global-layout-three-columns #sidebar-secondary {
		display: inline-block;
		float: none;
		width: 100%;
	}

	#quick-contact li {
		display: inline-block;
		float: none;
		margin: 10px 0;
		padding: 0 10px;
	}

	#quick-contact > ul {
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}

	#quick-contact {
		padding-top: 8px;
	}

	#quick-contact .top-news-title::before {
		float: none;
	}

	#quick-contact .top-news {
		border: medium none;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}

	.search-section {
		clear: both;
		float: right;
		padding-top: 15px;
		width: 100%;
	}

	#site-identity {
		display: inline-block;
		float: none;
		margin-top: 7px;
	}

	.site-logo-link, .custom-logo-link{
		display: inline-block;
		float: none;
		margin-right: 10px;
		max-width: 75px;
	}
	.site-logo-link, .custom-logo-link{
		float: none;
	}

	/*Top Header social links*/

	.header-social-wrapper {
		float: left;
		margin-bottom: 15px;
		max-width: inherit;
		text-align: center;
		width: 100%;
	}
	.header-social-wrapper .education_hub_widget_social li {
		display: inline-block;
		float: none;
		margin: 4px 2.5px 0;
	}
	.header-social-wrapper .education_hub_widget_social {
		float: none;
		margin: 0 2px 0 0;
		width: 100%;
	}


	/*featured slider style*/

	#main-slider .cycle-prev:after,
	#main-slider .cycle-next:after {
		display: block;
		font-size: 32px;
	}

	#main-slider .cycle-prev,
	#main-slider .cycle-next {
		bottom: 35%;
	}

	#main-slider .cycle-caption {
		left: 12.5%;
	}

	#main-slider .cycle-caption p {
		font-size: 13px;
		height: 63px;
		overflow: hidden;
	}

	#main-slider .cycle-caption h3 {
		font-size: 19px;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 6px;
	}

	#featured-content .inner-wrapper article {
		width: 50%;
	}
   #featured-content .inner-wrapper article:nth-child(2n+1) {
        clear: both;
    }
 
	.recent-news,
	.recent-events {
		float: left;
		padding: 0 15px;
		width: 100%;
	}

	.news-post {
		float: left;
		padding: 0 15px;
		width: 50%;
	}

	#featured-slider {
		clear: both;
		display: block;
	}

	.site-header {
		clear: both;
		padding: 15px 0;
	}

	.recent-news,
	.recent-events {
		margin-bottom: 15px;
	}

 /* Responsive Menu styling*/

  .main-navigation li {
      display: block;
      float: inherit;
      margin-bottom: 0;
      position: relative;
      clear: both;
  }

  .main-navigation li a {
      padding:10px 15px;
      clear: both;
      border-bottom: 1px solid;
  }

  .main-navigation li li a {
      padding-left: 30px;
  }

  .main-navigation li li li a {
      padding-left: 40px;
  }

  .main-navigation li li li li a {
      padding-left: 60px;
  }

  .main-navigation li:hover > a {
      background:inherit;
      color: #ffffff;
  }

  .main-navigation ul ul,
  .main-navigation ul ul ul {
      clear: both;
      display: none;
      float: left;
      left: 0;
      position: inherit;
      top: inherit;
      width: 100%;
  }

  .main-navigation li:hover > ul {
      display: none;
  }

  #main-nav{
      background: inherit;
  }

  .main-navigation ul.sub-menu.toggled-on {
      display: block;
  }
  .main-navigation ul {
      background: #161c2e none repeat scroll 0 0;

  }
  .wrap-menu-content {
      background-color: #666666;
      display: none;
      left: 3.5%;
      position: absolute;
      width: 93%;
      z-index: 9999;
  }

  .main-navigation.toggled .wrap-menu-content {
      display: block;
  }

  .menu-toggle {
      background-color: #161c2e;
      border-radius: 3px;
      display: block;
      font-size: 20px;
      line-height: 1.3;
      margin: 15px auto;
      padding: 5px 20px 5px 15px;
      border-radius: 0;
  }

  .menu-toggle i {
      border-right: 1px solid #dddddd;
      float: left;
      font-size: 26px;
      line-height: 1;
      margin-right: 10px;
      padding-right: 15px;
  }

  .dropdown-toggle {
      background:#ffab1f ;
      border: 0 none;
      box-sizing: content-box;
      content: "";
      height: 43px;
      padding: 0;
      position: absolute;
      right: 0;
      text-transform: lowercase;
      top: 0;
      width: 43px;
      z-index: 9999;
  }

  .dropdown-toggle.toggle-on:after {
      content: "-";
      font-size: 45px;
      font-weight: normal;
      line-height: 0.5;
  }

  .dropdown-toggle:after {
      color: #ffffff;
      content: "+";
      font-size: 30px;
      font-weight: bold;
      left: 1px;
      line-height: 42px;
      position: relative;
      top: 0;
      width: 42px;
  }

  .main-navigation ul li.menu-item-has-children > a::after,
  .main-navigation ul li.page_item_has_children > a::after {
      display: none;
  }

	/* Responsive Menu styling*/

    .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #main-slider .cycle-pager {
        bottom: -29px;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    .comments-area input{
        width: 100%;
    }

    #respond {
        clear: both;
        display: block;
        float: left;
        width: 100%;
    }

    .notice-inner-wrap {
        width: 100%;
    }

    #quick-contact .top-news > p {
        float: none;
        min-width: 100%;
        text-align: center;
        margin:0;
    }

    #quick-contact {
        width: 100%;
    }

    #quick-contact .top-news {
        text-align: center;
        width: 100%;
    }

    .quick-links a.links-btn {
        width: 100%;
    }

    .quick-links {
        float: left;
        width: 100%;
    }

    .quick-links > ul {
        width: 100%;
    }

     #quick-contact .top-news-title {
        display: block;
        float: left;
        margin-right: 10px;
    }

     #quick-contact .top-news > p {
        float: none;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        min-width: inherit;
        text-align: left;
    }
    .site-layout-boxed #footer-widgets {
        width: 111%;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and ( max-width:610px ) {
    #page #masthead {
        background-position: center top;
        background-size: 100% auto;
        padding-top: 95px;
    }
    .scrollup {
        bottom: 15px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and ( max-width: 479px ) {
	.site-layout-boxed #footer-widgets {
		width: 117%;
	}
	#page #masthead {
		background-position: center top;
		background-size: 100% auto;
		padding-top: 60px;
	}
	#main-slider .cycle-caption {
		left: 13%;
		padding: 5px 10px;
		top: 55px;
		width: 62%;
	}

	#main-slider .cycle-caption p {
		display: none;
		font-size: 12px;
		max-height: 34px;
		overflow: hidden;
	}

	#main-slider .cycle-caption h3 {
		font-size: 14px;
		margin: 0;
		max-height: 32px;
		overflow: hidden;
	}

	#main-slider .cycle-prev,
	#main-slider .cycle-next {
		bottom: 27%;
	}

	.footer-widget-area {
		width: 100%;
	}

	#main-slider .cycle-pager {
		bottom: -3px;
	}

	#quick-contact li {
		margin: 10px 0;
		padding: 0 6px;
		font-size: 12px;
	}

	.quick-links {
		width: 100%;
	}

	.quick-links a.links-btn {
		display: block;
		width: 100%;
	}

	#quick-contact .top-news > p {
		font-size: 12px;
		margin: 0;
	}

	.site-title {
		clear: none;
		font-size: 26px;
	}

	.quick-links > ul {
		width: 100%;
	}

	.site-description {
		font-size: 12px;
		letter-spacing: 1.4px;
		margin-bottom: 0;
	}

	#featured-content .inner-wrapper article,
	.news-post {
		width: 100%;
	}

	#main-slider .cycle-pager {
		bottom: -29px;
	}

	#main-slider .cycle-prev::after {
		padding: 15px 15px 15px 3px;
	}

	#main-slider .cycle-next::after {
		padding: 15px 5px 15px 15px;
	}

	.navigation .nav-links > div a {
		display: block;
	}

	.navigation .nav-links > div.nav-next,
	.navigation .nav-links > div.nav-previous {
		display: block;
		float: none;
		margin: 10px 0;
		text-align: center;
		width: 100%;
	}

	#main-slider .cycle-prev:hover,
	#main-slider .cycle-prev {
		left: -1px;
	}

	#main-slider .cycle-next:hover,
	#main-slider .cycle-next {
		right: 0;
	}

	#main-slider .cycle-prev::after {
		padding: 10px 15px 10px 12px;
	}

	#main-slider .cycle-next::after {
		padding: 10px 10px 10px 15px;
	}

}
@media only screen and (max-width: 768px){
.site-logo-link, .custom-logo-link {
    display: inline-block;
    float: none;
    max-width: 350px;
}
}

		</style>
		</head>

<body class="home page-template-default page page-id-24 custom-background wp-custom-logo site-layout-fluid global-layout-no-sidebar elementor-default elementor-page elementor-page-24">

	    <div id="page" class="container hfeed site">
    <a class="skip-link screen-reader-text" href="#content">Skip to content</a>
    	<div id="tophead">
		<div class="container">
			<div id="quick-contact">
									<ul>
													<li class="quick-call"><a href="tel:12002217658">+1 200-221-7658</a></li>
																			<li class="quick-email"><a href="mailto:info@lesfoliesdusavon-leblog.com">info@lesfoliesdusavon-leblog.com</a></li>
											</ul>
													<div class="top-news">
						<p>
																			<span class="top-news-title">Notice:</span>
																									<a href="#">E-commerce Website							</a>
												</p>
					</div>
							</div>

			
			
		</div> <!-- .container -->
	</div><!--  #tophead -->

	<header id="masthead" class="site-header" role="banner"><div class="container">			    <div class="site-branding">

		    <a href="https://lesfoliesdusavon-leblog.com/" class="custom-logo-link" rel="home" itemprop="url"><img width="451" height="92" src="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/cropped-ftftyftuft.png" class="custom-logo" alt="" itemprop="logo" srcset="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/cropped-ftftyftuft.png 451w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/cropped-ftftyftuft-300x61.png 300w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/cropped-ftftyftuft-360x73.png 360w" sizes="(max-width: 451px) 100vw, 451px" /></a>
										        <div id="site-identity">
					            	              <p class="site-title"><a href="https://lesfoliesdusavon-leblog.com/" rel="home"></a></p>
	            				
					            <p class="site-description"></p>
					        </div><!-- #site-identity -->
			
	    </div><!-- .site-branding -->

	    	    		    <div class="search-section">
		    	<form role="search" method="get" class="search-form" action="https://lesfoliesdusavon-leblog.com/">
	      <label>
	        <span class="screen-reader-text">Search for:</span>
	        <input type="search" class="search-field" placeholder="Search..." value="" name="s" title="Search for:" />
	      </label>
	      <input type="submit" class="search-submit" value="Search" />
	    </form>		    </div>
	    
        </div><!-- .container --></header><!-- #masthead -->    <div id="main-nav" class="clear-fix">
        <div class="container">
        <nav id="site-navigation" class="main-navigation" role="navigation">
          <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><i class="fa fa-bars"></i>
			Menu</button>
            <div class="wrap-menu-content">
				<div class="menu-main-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-24 current_page_item menu-item-84"><a href="https://lesfoliesdusavon-leblog.com/" aria-current="page"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
<li id="menu-item-85" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-85"><a href="https://lesfoliesdusavon-leblog.com/articles"><i class="fa fa-th" aria-hidden="true"></i> Articles</a></li>
<li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="https://lesfoliesdusavon-leblog.com/get-in-touch"><i class="fa fa-phone-square" aria-hidden="true"></i> Get in touch</a></li>
<li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="https://lesfoliesdusavon-leblog.com/privacy"><i class="fa fa-user-secret" aria-hidden="true"></i> Privacy policy</a></li>
</ul></div>            </div><!-- .menu-content -->
        </nav><!-- #site-navigation -->
       </div> <!-- .container -->
    </div> <!-- #main-nav -->
    
	<div id="content" class="site-content"><div class="container"><div class="inner-wrapper">    

	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

			
				
<article id="post-24" class="post-24 page type-page status-publish hentry">
	<header class="entry-header">
		<h1 class="entry-title">Home</h1>	</header><!-- .entry-header -->

	<div class="entry-content">
    				<div data-elementor-type="post" data-elementor-id="24" class="elementor elementor-24 elementor-bc-flex-widget" data-elementor-settings="[]">
			<div class="elementor-inner">
				<div class="elementor-section-wrap">
							<section class="elementor-element elementor-element-jjykskf elementor-section-full_width elementor-section-content-middle elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="jjykskf" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-thjpkek elementor-column elementor-col-100 elementor-top-column" data-id="thjpkek" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-asvdhcd elementor-widget elementor-widget-heading" data-id="asvdhcd" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-large">Overlooking These 4 E-commerce Website Design Elements Will Kill Your Online Business</h2>		</div>
				</div>
				<section class="elementor-element elementor-element-lqfibmh elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="lqfibmh" data-element_type="section">
						<div class="elementor-container elementor-column-gap-wider">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-kbwxvlz elementor-column elementor-col-100 elementor-inner-column" data-id="kbwxvlz" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-jvhjzkk elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="jvhjzkk" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">coNTACT</span>
		</span>
					</a>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-zentodv elementor-section-content-middle elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="zentodv" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-dmvwqii elementor-column elementor-col-50 elementor-top-column" data-id="dmvwqii" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-vqwqnxe elementor-widget elementor-widget-divider" data-id="vqwqnxe" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-otitbwz elementor-widget elementor-widget-text-editor" data-id="otitbwz" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="text-align: justify;"><span style="color: #000000; font-size: 14pt; font-family: georgia, palatino, serif;">In e-commerce business, your website design is critical. The design determines how comfortable your visitors navigate through the website.&nbsp; Also, it is the foundation of your site attractiveness. Hence, your <span style="color: #3366ff;"><a style="color: #3366ff;" href="https://www.shopify.com/online/ecommerce-solutions">e-commerce platform</a></span> design is vital in the purchase decision-making process for your customers.</span></p>
<p style="text-align: justify;"><span style="color: #000000; font-size: 14pt; font-family: georgia, palatino, serif;">With this in mind, while designing your site, you need to ensure that it is convincing and wooing clients to buy from your shop instead of finding an alternative. Hence, you must take critical precautions that will ensure your site wins the user&#8217;s heart and does away with any doubt. Here are four web designing elements that can destroy your e-commerce website if you overlook them:</span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-lpijobl elementor-column elementor-col-50 elementor-top-column" data-id="lpijobl" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-zazzsys elementor-widget elementor-widget-image" data-id="zazzsys" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="1000" height="667" src="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262.jpg" class="attachment-large size-large" alt="" srcset="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262.jpg 1000w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262-300x200.jpg 300w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262-768x512.jpg 768w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_519924262-360x240.jpg 360w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-kffrgjq elementor-section-height-min-height elementor-section-content-middle elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-id="kffrgjq" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-huaxekk elementor-column elementor-col-100 elementor-top-column" data-id="huaxekk" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-1tdlrfg elementor-widget elementor-widget-text-editor" data-id="1tdlrfg" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><h3 style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">a.    Compatibility with standard browsers</span></h3><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">Customers use different browsers to access your online shop. As you know, various devices use different browsers supported by their operating systems. When designing your e-commerce website, it is crucial to consider its compatibility with the standard browsers. Regardless of the browsers your customers are using, they should get the same experience across the board.</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">For instance, a person using Google Chrome should not experience better services that the one using Opera mini.  In simple terms, your e-commerce website design should accommodate all types of browsers and offer a similar shopping experience to your customers. Ignoring this aspect is the best method to fail.</span></p></div>
				</div>
				</div>
				<div class="elementor-element elementor-element-knjouox elementor-widget elementor-widget-spacer" data-id="knjouox" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-1bcx9q4 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="1bcx9q4" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-gl5danf elementor-column elementor-col-100 elementor-top-column" data-id="gl5danf" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-6e2rxyf elementor-widget elementor-widget-heading" data-id="6e2rxyf" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">B.    Create trustworthiness</h2>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-vr5krej elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="vr5krej" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-j6iptmq elementor-column elementor-col-50 elementor-top-column" data-id="j6iptmq" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-3rdeqbi elementor-widget elementor-widget-text-editor" data-id="3rdeqbi" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">Considering your site involves transactions and payments, customers need assurance that the information they are sharing on your site is secure. In this essence, evoking visitors trust is of great importance when developing an e-commerce website design. Your site appearance plays a role in winning customers trust. What they see can make them have the confidence or be suspicious about the legitimacy of your website.</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">Importantly, your site appearance lays the foundation for all other steps. If your site fails to win customer confidence, the next thing they will do is to click the red button and move on to seek an alternative. Hence, you lose their trust together with a sale. So, whenever you are selecting a design for your e-commerce website, ensure it has the capability of winning your target customers trust.</span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-b2pn3m9 elementor-column elementor-col-50 elementor-top-column" data-id="b2pn3m9" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-x0mjgu5 elementor-widget elementor-widget-image" data-id="x0mjgu5" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="1000" height="668" src="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_232265008.jpg" class="attachment-large size-large" alt="" srcset="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_232265008.jpg 1000w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_232265008-300x200.jpg 300w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_232265008-768x513.jpg 768w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_232265008-360x240.jpg 360w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-7199end elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="7199end" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-z9nqhqw elementor-column elementor-col-100 elementor-top-column" data-id="z9nqhqw" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-gi2pye9 elementor-widget elementor-widget-heading" data-id="gi2pye9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">c.    Multi-device compatibility</h2>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-sfqfp6x elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="sfqfp6x" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-ezabhs2 elementor-column elementor-col-50 elementor-top-column" data-id="ezabhs2" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-lpycd2l elementor-widget elementor-widget-spacer" data-id="lpycd2l" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-d4swy7j elementor-widget elementor-widget-image" data-id="d4swy7j" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="1000" height="559" src="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_580592566.jpg" class="attachment-large size-large" alt="" srcset="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_580592566.jpg 1000w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_580592566-300x168.jpg 300w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_580592566-768x429.jpg 768w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_580592566-360x201.jpg 360w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-9jwyqwl elementor-column elementor-col-50 elementor-top-column" data-id="9jwyqwl" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-c8lfmgm elementor-widget elementor-widget-text-editor" data-id="c8lfmgm" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><h3 style="text-align: justify;"> </h3><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">Other than adapting to standard browsers as mentioned above, your site should be compatible with various mobile and static devices. Today, it is evidence that people no longer rely on desktops as their sole internet surfing device. In fact, more surfing is taking place on the mobile devices such as smartphones, iPhones, and tablets. </span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">When designing your website you need to ensure that it is compatible with different internet surfing devices. A customer using a mobile device should enjoy similar feature with one accessing your e-commerce website through a desktop.</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff; font-family: georgia, palatino, serif;">Otherwise, you will not blame anybody if you make losses due to overlooking multi-device compatibility.  </span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-zhtqhv3 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="zhtqhv3" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-gbvke97 elementor-column elementor-col-100 elementor-top-column" data-id="gbvke97" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-gz6zh29 elementor-widget elementor-widget-heading" data-id="gz6zh29" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">D. Natural and quick navigation</h2>		</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section class="elementor-element elementor-element-v03x177 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="v03x177" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div class="elementor-element elementor-element-eledbnq elementor-column elementor-col-50 elementor-top-column" data-id="eledbnq" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-ygvqkxp elementor-widget elementor-widget-text-editor" data-id="ygvqkxp" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><h1 style="text-align: justify;"><span style="color: #ffffff;"><span style="font-size: 14pt;"> </span><span style="font-size: 14pt;">Mmh….</span></span></h1><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff;">Have you ever experienced this? You visit an online store find attractive product and decide to purchase them.  You try to find the cart to move your selection in it and process payment without any success. Moreover, the site does not have a live chat option, and if available, it is offline. What do you do next?</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff;">Of course, you close the site and move on to the next store. This scenario could be a representation of occurrences in your e-commerce website. When it comes to designing your site for e-commerce purposes, easy navigation should be given priority. You should ensure that your targets do not encounter any difficulty when browsing or processing payment on your site.</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff;">All in all, these four elements are critical when developing e-commerce website designs.  Ignoring them will not only lead to loss of sales but also it will make the end of your online business.</span></p><p style="text-align: justify;"><span style="font-size: 14pt; color: #ffffff;"><strong> </strong></span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div class="elementor-element elementor-element-tlzyn1o elementor-column elementor-col-50 elementor-top-column" data-id="tlzyn1o" data-element_type="column">
			<div class="elementor-column-wrap  elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div class="elementor-element elementor-element-zc9niao elementor-widget elementor-widget-spacer" data-id="zc9niao" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-pdq5vh4 elementor-widget elementor-widget-image" data-id="pdq5vh4" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
					<div class="elementor-image">
										<img width="1000" height="666" src="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_400849234.jpg" class="attachment-large size-large" alt="" srcset="https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_400849234.jpg 1000w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_400849234-300x200.jpg 300w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_400849234-768x511.jpg 768w, https://lesfoliesdusavon-leblog.com/wp-content/uploads/2017/10/shutterstock_400849234-360x240.jpg 360w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
					</div><!-- .entry-content -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

				
			
		</main><!-- #main -->
	</div><!-- #primary -->



</div><!-- .inner-wrapper --></div><!-- .container --></div><!-- #content -->
	<footer id="colophon" class="site-footer" role="contentinfo"><div class="container">    
	    			<div id="footer-navigation" class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-24 current_page_item menu-item-84"><a href="https://lesfoliesdusavon-leblog.com/" aria-current="page"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-85"><a href="https://lesfoliesdusavon-leblog.com/articles"><i class="fa fa-th" aria-hidden="true"></i> Articles</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="https://lesfoliesdusavon-leblog.com/get-in-touch"><i class="fa fa-phone-square" aria-hidden="true"></i> Get in touch</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="https://lesfoliesdusavon-leblog.com/privacy"><i class="fa fa-user-secret" aria-hidden="true"></i> Privacy policy</a></li>
</ul></div>	    	    	      <div class="copyright">
	        Copyright 2017 lesfoliesdusavon-leblog.com   | Corporate Location : Ez’s Custom Harvesting 711 S Scott St, St Francis, KS 6775	      </div><!-- .copyright -->
	    	    <div class="site-info">
	      <a href="https://wordpress.org/">Proudly powered by WordPress</a>
	      <span class="sep"> | </span>
			Education Hub by <a href="http://wenthemes.com/" rel="designer" target="_blank">WEN Themes</a>	    </div><!-- .site-info -->
	    	</div><!-- .container --></footer><!-- #colophon -->
</div><!-- #page --><a href="#page" class="scrollup" id="btn-scrollup"><i class="fa fa-chevron-up"></i></a>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/lesfoliesdusavon-leblog.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.1'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/js/skip-link-focus-fix.min.js?ver=20130115'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/third-party/cycle2/js/jquery.cycle2.min.js?ver=2.1.6'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/js/custom.min.js?ver=1.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var EducationHubScreenReaderText = {"expand":"<span class=\"screen-reader-text\">expand child menu<\/span>","collapse":"<span class=\"screen-reader-text\">collapse child menu<\/span>"};
/* ]]> */
</script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/themes/education-hub/js/navigation.min.js?ver=20120206'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-includes/js/wp-embed.min.js?ver=5.1.2'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.5.14'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.1'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=4.4.6'></script>
<script type='text/javascript'>
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"version":"2.5.14","urls":{"assets":"https:\/\/lesfoliesdusavon-leblog.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"general":{"elementor_global_image_lightbox":"yes","elementor_enable_lightbox_in_editor":"yes"}},"post":{"id":24,"title":"Home","excerpt":""}};
</script>
<script type='text/javascript' src='https://lesfoliesdusavon-leblog.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.5.14'></script>
</body>
</html>
