/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
    font-family: "微軟正黑體","Microsoft JhengHei","PMingLiU", Verdana, Helvetica, sans-serif !important;
    position: relative;
    font-size:14px;
    line-height:24px;
    color:#6f6f6f;
}

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover{
    text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
    color:#3f3f3f;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:30px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

p{
    margin-bottom:20px;
}
nav.bootsnav .megamenu-content .title {
    font-size:16px;
    color: #222;
    text-align: left;
    font-weight: bolder;
}
nav.bootsnav .megamenu-content .title a{
    font-size:16px;
    color: #222;
    text-align: left;
    font-weight: bolder;
}
nav.bootsnav .megamenu-content .title a:hover{
    font-size:16px;
    color: #222;
    text-align: left;
    font-weight: bolder;
    text-decoration: none;
}
.section{
    padding: 70px 0;
    position: relative;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    color: #fff !important;
    padding: 10px 15px;
    background-color: #222;
    border-radius: 0px;
    border: none;
}
.menu-pic{
    width: 200px;
    float: left;
    position: relative;
    margin-top: 20px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 150px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
        left: -65px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 100px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
    .menu-pic{
        display: none;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #9e9e9e;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #9e9e9e !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #036eb8 !important;
    }
}

/*
Border
=========================== */
/*ul.cart-list > li.total > .btn{
    border-color: #036eb8;
}*/

nav.navbar li.dropdown ul.dropdown-menu{border-top-color: #fff !important;}

/*
top-language
=========================== */
.top-language{background-color: #333;width: 100%;height: 30px;padding-left: 20px;padding-top: 5px;}
.top-language .lan{float: left;position: relative;}
.top-language .lan ul{color: #FFF;list-style-type: none;}
.top-language .lan li{float: left;position: relative;}
.top-language .lan li a{color: #FFF;}
/*
Background
=========================== */
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #036eb8;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #000 !important;
}

.header-slider{margin: 0 0 40px;}
.header-slider figure{position: relative;text-align: center;width: 100%;overflow: hidden;height: 880px;}
.header-slider figure img{position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;height: 100%;}
.header-slider > figure{visibility: hidden;}
.header-slider > figure:first-child{visibility: visible;}
.header-slider .slider-text{background: rgba(0,0,0,.5);padding: 20px;color: #fff;float: right;position: absolute;}
.header-slider figure > figcaption{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.5);padding: 20px;color: #fff;}
pre.prettyprint.prettyprinted{padding: 10px 20px;border: 1px solid #ccc;margin:0 0 40px;}

/*
Index-New Arrival
=========================== */
.arrival-container{max-width: 1050px;margin: 0 auto;padding-bottom: 50px;margin-top: 60px;}
.arrival-title{float: left;position: relative;width: 25%;margin-top: 95px;}
.arrival-year{width: 100%;font-size: 20px;color: #808080;float: left;position: relative;line-height: 45px;}
.arrival-new{width: 100%;font-size: 40px;color: #000;float: left;position: relative;line-height: 35px;}
.arrival-underline{width: 100px;height: 5px;background-color: #000;margin-top: 20px;float: left;position: relative;}
.newarrival-list{position: relative;width: 100%;}
.newarrival-row{width: 220px;float: right;position: relative;margin: 0 25px;}
.newarrival-row a{cursor: pointer;text-decoration: none;}
.newarrival-row a:hover{cursor: pointer;text-decoration: none;color: #dedede;}
.newarrival-pic{width: 220px;height: 220px;float: left;position: relative;}
.newarrival-name{font-family:"arial"!important;font-size: 20px;font-weight: bolder;text-align: center;line-height: 25px;}
.newarrival-model{font-family:"arial"!important;font-size: 16px;font-weight: bold;color: #808080;text-align: center;line-height: 25px;}
.newarrival-price{font-family:"arial"!important;font-size: 16px;font-weight: bold;color: #000;text-align: center;line-height: 25px;}
.newarrival-btn{width: 50px;padding: 10px;text-align: center;margin-top: 10px;margin: 0 auto;}

@media all and (max-width: 1199px){ 
    .arrival-title{width: 100%;margin-top: 0px;text-align: center;}
    .arrival-year{float: none;line-height: 40px;}
    .arrival-new{float: none;margin-bottom: 12px;font-size: 30px;}
    .arrival-underline{margin-top: 0px;float: none;margin: 0 auto;height: 3px;}
    .newarrival-list{margin: 0 auto;width: 1024px;}
    .newarrival-row {margin: 0 55px;padding-top: 70px;float: left;}
}
@media all and (max-width: 992px){ 
    .newarrival-list{margin: 0 auto;width: 220px;}
    .newarrival-row {margin: 0px;padding-top: 30px;}
    .newarrival-pic {width: 200px;height: 200px;float: none;margin: 0 auto;}
    .arrival-container {margin-top: 20px;}
}
@media all and (max-width: 640px){ 

}
/*
Index-Slider-watch
=========================== */
.slider-wrapper{width: 1200px;margin: 0 auto;position: relative;}
.slider-row{background-color: #A8B5B9;height: 100px;width: 100%;float: left;height: 150px;}
.slider-title{font-size: 25px;font-weight: bolder;color: #000;text-align: right;padding-right: 20px;padding-top: 40px;}
.slider-view{font-size: 16px;text-align: right;padding-right: 20px;color: #dedede;}
@media all and (max-width: 1199px){ 
.slider-wrapper{width: 600px;max-width: 100%;}
.sample {
  width: 100%;
}
}
/*
Index-Essentail
=========================== */
.essential-wrapper{max-width:1160px;margin: 0 auto;position: relative; margin-bottom: 50px;left: -25px;}
.essential-title{font-weight: bolder;font-size: 25px;text-align: center;color: #000;padding: 30px 0px;margin-left: 40px;}
.essential-row{max-width: 1200px;margin: 0 auto;position: relative;}
.essential-list{width: 320px;padding: 20px 0px;background-color: #DDDAD6;float: left;position: relative;margin: 0 20px;}
.essential-list .product-title{font-weight: bolder;font-size: 19px;text-align: center;color: #000;letter-spacing: 1px;}
.essential-list .product-model{font-size: 14px;text-align: center;color: #808080;letter-spacing: 1px;}
.essential-list .product-price{font-size: 13px;font-weight: bolder;text-align: center;color: #222;letter-spacing: 1px;}
.essential-list .product-btn{font-size: 12px;text-align: center;color: #222;margin: 0 auto;margin-top: 20px;}
.essential-list .product-btn a{width: 100px;padding: 5px 10px;color: #222;border: 1px solid #222;letter-spacing: 0.5px;}
.essential-list .product-btn a:hover{background-color: #222;border: 1px solid #222;color: #FFF;text-decoration: none;}
.essential-list .product-add-row{width: 95px;margin: 0 auto;position: relative;}
.icon.product {width: 25px;height: 25px;cursor: pointer;float: left;position: relative;top: 15px;margin: 10px 3px;}
@media all and (max-width: 1199px){ 
    .essential-wrapper {max-width: inherit;margin: 0 auto;float: none;left: 0px;}
    .essential-title {margin: 0 auto;position: relative;width: 600px;max-width: max-content;}
    .essential-list {width: 600px; margin: 20px 0;}
    .essential-row{max-width: 600px;}
}
.slider {max-width: 1160px;margin: 5px auto;}
.slick-slide {margin: 0px 20px;}
.slick-prev:before,.slick-next:before {color: black;display: none;visibility: hidden;}
.slick-slide {transition: all ease-in-out .3s;opacity: 1;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}

/*START: footer*/
.footer-wrapper{background-color:#898989;width: 100%; float: left;position: relative;padding: 20px 0px;z-index: 999;}
.footer-list{max-width: 1140px;margin: 0 auto;position: relative;}
.footer-list ul{float: left;position: relative;list-style: none;}
.footer-list li a{width: 100%;position: relative;color: #FFF;cursor: pointer;}
.footer-list li a:hover{color: #FFF;}
.footer-list li.title {font-size: 18px;color: #FFF;text-align: left;font-weight: 600;line-height: 35px;margin-top: 15px;text-align: center;}
.footer-list li:not(.title) {font-size: 14px;margin: 0;cursor: pointer;line-height: 26px;color: #FFF;text-align: center;}
.footer-list li:hover:not(.title) {color:#dedede;}
.footer-logo{width: 330px;margin-right: 100px;margin-left: 75px;}
.footer-submenu{width: 200px; float:left; position: relative;
}
.newsletter-row{width: 100%;float: left;position: relative;}
.soical-row{width: 100%;position: relative;float: left;padding: 10px 0px;margin-bottom: 40px;}
.soical-icon-wrapper{width: 300px;margin: 0 auto;}
.soical-line-left{width: 40%;float: left;position: relative;height: 1px;background: #a7a7a7;margin-top: 30px;}
.soical-line-right{width: 40%;float: right;position: relative;height: 1px;background: #a7a7a7;margin-top: 30px;}
.soical-title{font-weight: bolder;font-size: 25px;text-align: center;color: #000;padding: 20px 0px 0;}
.guide-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;max-width:920px;margin:14px auto 8px;padding:0 16px 18px;}
.guide-links a{display:inline-block;padding:8px 14px;border:1px solid #000;color:#000;letter-spacing:0.6px;text-decoration:none;font-size:14px;}
.guide-links a:hover{background:#000;color:#fff;}
.icon-soical {width: 49px;height: 49px;cursor: pointer;float: left;position: relative;top: 15px;margin: 0 5px;}
.icon.twiter {width: 49px;height: 49px;cursor: pointer;float: left;position: relative;top: 15px;margin: 0 15px;}
.icon.line {width: 49px;height: 49px;cursor: pointer;float: left;position: relative;top: 15px;margin: 0 15px;}
.icon.weboi {width: 49px;height: 49px;cursor: pointer;float: left;position: relative;top: 15px;margin: 0 15px;}
.icon.ig {width: 49px;height: 49px;cursor: pointer;float: left;position: relative;margin-left: 45px;margin-left: 5px;margin-left: 5px;top: 15px;margin: 0 15px;}
.icon.mail {width: 25px;height: 23px;cursor: pointer;float:left;position: relative;}
.footer li div {margin: 19px 0 0 0;display: inline-block;}
.pays {position: relative;margin: 0 auto;text-align: left;}
.pays ul{text-decoration: none;float: left;position: relative;}
.pays li {width: 80px;display: inline-block;margin: 0 15px;}
.pays li img{width: 80px;}
.copyright{ /*color: #222;padding:10px;*/font-size: 11px;/*top: 10px;float: right;*/font-family: Arial, Helvetica, sans-serif;}
.copyright .text{ position: relative;text-align: center;}

/* #### bootstrap Form #### */
.bootstrap-frm input[type="email"]{width: 230px;font-family: Segoe UI, brandon-grotesque, 'microsoft jhenghei';color: #f3f2f2;padding: 5px 0px 5px 5px;font-size: 10px;border-bottom: 1px solid #dedede;float: left;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;background-color: #898989;margin-top: -15px;}

@media(max-width:1145px){
.footer-list ul{width: 100%;padding: 0 20px;margin: 0 auto;margin-left: 50px;}
.footer-list li.title {text-align:left;}
.footer-list li:not(.title) {text-align: left;}
}
@media(max-width:992px){
.soical-line-left,.soical-line-right {width: 30%;}
.soical-icon-wrapper {width: 300px;}
.footer-logo {width: 350px;margin-right: 100px;margin-left: 0px;}
.footer-list ul {margin-left: 0px;}
}