body
        {
            padding: 0;
        }
        
 
        .nav2 li.open-your-store
        {
            background-color: #24af88;
            border-radius: 4px;
            font: 22px b koodak;
            margin: 10px 20px 0 0;
            padding: 1px 10px;
        }
        .nav2 li.open-your-store a
        {
            color: white;
        }
        .nav2 li.open-your-store a:hover
        {
            color: white;
        }
        .nav2
        {

            margin: 0 auto 10px;

            background: #fff;
         
            z-index: 10;
            width: 100%;
        }
        .nav2 ul
        {
            margin: 0 auto;
            margin-right: 20%;
            padding: 0;
        }
        .nav2 li
        {
            float: right;
            padding: 20px 8px;
            background-color: #FFF;
            margin: 0 10px 0 0;
            color: #324158;
            font: 18px b koodak;
            list-style-type: none;
        }
        .nav2 li a
        {
            color: #324158;
            text-decoration: none;
            font:normal 18px iran_sans;
        }
        .nav2 li a:hover
        {
            text-decoration: none;
            color: #24af88;
        }
        .footer-bottom .footer-right
        {
            float: right;
            margin-top: 20px;
            margin-bottom: 20px;
            text-align: right;
        }
        .footer-bottom-wrap
        {
            background: none repeat scroll 0 0 #fff;
            border-top: 1px solid #d7d7d9;
            clear: both;
       padding:20px;
           
        }
        .footer-bottom .footer-left .logo
        {
            background-position: 0 0;
            display: block;
            height: 50px;
            margin-right: 30px;
            margin-top: -15px;
      
        }
        .footer-bottom .footer-left
        {
            color: #686e7a;
            font: 10pt tahoma;
          
        }
                 .footer-bottom .footer-left img{ width:50px;}
        @media (min-width: 980px) and (max-width: 1280px)
        {
        
        
            .nav2 ul
            {
                margin: 0 10% 0 auto;
                padding: 0;
            }
            .col-xs-10
            {
                width: 55.5%;
            }
            .col-xs-push-6
            {
                left: 44.5%;
            }
            .col-xs-pull-10
            {
                right: 40%;
            }
        
            #header .logo
            {
                float: right;
                padding-left: 0;
                position: relative;
                transition: width 150ms ease 0s;
                width: 15%;
                background: url("../images/logo3.jpg") no-repeat center;
            }
            .footer-bottom .footer-left .logo
            {
                background-position: 0 0;
                display: block;
                height: 47px;
                margin-right: 30px;
                margin-top: -15px;
                width: 30%;
            }
            .footer-bottom .footer-left
            {
                color: #686e7a;
                font: 10pt tahoma;
               
            }
             .footer-bottom .footer-left img{ width:50px;}
        }
        @media (min-width: 640px) and (max-width: 980px)
        {
            .ui-slider-tabs-list li
            {
                min-height: 120px;
                text-align: center;
                display: inline-block;
                margin: 0 auto;
                background: #fff;
            }
            section#build-and-grow h2
            {
                font-size: 24px;
                margin: 120px auto 0;
                text-align: center;
               
            }
        
          
            .nav2 li
            {
                float: right;
                padding: 15px 3px;
                background-color: #FFF;
                margin: 0 10px 0 0;
                color: #324158;
                font: 14px b koodak;
                list-style-type: none;
            }
            .nav2 li a
            {
                color: #324158;
                text-decoration: none;
            
            }
            .nav2 li a:hover
            {
                text-decoration: none;
                
            }
            .footer-bottom .footer-left .logo
            {
                background-position: 0 0;
                display: block;
                height: 50px;
                margin-right: 30px;
                margin-top: -15px;
                width: 50%;
            }
            .footer-bottom .footer-left
            {
                color: #686e7a;
                font: 10pt tahoma;
               
            }
             .footer-bottom .footer-left img{ width:50px;}
            .nav2 ul
            {
                margin: 0 1% 0 auto;
                padding: 0;
            }
            .col-xs-14
            {
                width: 92%;
            }
            .col-xs-2
            {
                width: 0%;
            }
            .logostick
            {
                display: none;
            }
        
            #page-nav li a
            {
                color: #324158;
                display: block;
                font: 16px b koodak;
                text-decoration: none;
            }
            #page-nav li
            {
                float: right;
                margin-right: 10px;
                padding: 10px 3px;
                position: relative;
            }
            #page-nav li a:hover
            {
                color: #35d4b4;
                text-decoration: none;
                display: block;
                font: normal 16px b koodak;
            }
            .col-xs-10
            {
                width: 50%;
            }
            .col-xs-push-6
            {
                left: 49.5%;
            }
            .col-xs-pull-10
            {
                right: 42%;
            }
            .parallax
            {
                display: block;
                overflow-x: hidden;
                overflow-y: auto;
                position: relative;
                top: 0;
                width: 100%;
                z-index: 1000;
            }
     
        
        
       
            section#build-and-grow div.upload-your-products img
            {
                left: 51%;
                position: absolute;
                top: 20px;
                width: 60%;
            }
        }
        
        @media (min-width: 450px) and (max-width: 639px)
        {
            section#build-and-grow h2
            {
                font-size: 24px;
                margin: 120px auto 0;
                text-align: center;
           
            }
      .ui-slider-tabs-list{ display:none}
            .ui-slider-tabs-list li
            {
                min-height: 120px;
                width: 33.333%;
                text-align: center;
                display: inline-block;
                margin: 0 auto;
                background: #fff;
            }
            .main-nav-item > a
            {
                border-right: 1px solid #e1e3ea;
                color: #596377;
                display: block;
                font-weight: 500;
                height: 50px;
                line-height: 20px;
                padding: 0px 6px;
                text-decoration: none;
            }
            .main-nav-item.user-nav .avatar.small
            {
                float: left;
                height: 40px;
                margin: 4px 0 0 6px;
                padding: 0;
                width: 40px;
            }
            .main-nav-item i
            {
                font-size: 16px;
                padding: 0 10px;
            }
            .main-nav-item
            {
                border-top: 1px solid #ddd;
                height: 50px;
                padding: 0;
                position: relative;
                width: 11%;
            }
            .main-nav-item.user-nav2
            {
                padding-bottom: 9px;
                padding-right: 0;
                padding-top: 0;
                position: relative;
                text-align: right;
                width: 14%;
                z-index: 1000;
            }
            .main-nav-item.user-nav
            {
                margin: 0 auto;
                padding-bottom: 9px;
                padding-top: 0;
                text-align: right;
                width: 9%;
            }
        
            .nav2 li.open-your-store
            {
                background-color: #35d4b4;
                border-radius: 4px;
                font: 22px b koodak;
                margin: 0 10px 0 0;
                padding: 1px 5px;
                width: 25%;
                float: right;
            }
        
            .footer-bottom .footer-left .logo
            {
                background-position: 0 0;
                display: block;
                height: 50px;
                margin-right: 30px;
                margin-top: -15px;
                width: 70%;
            }
            .footer-bottom .footer-left
            {
                color: #686e7a;
                font: 10pt tahoma;
           
            }
             .footer-bottom .footer-left img{ width:100px;}
        
            section#fast-and-easy aside.product-listing img
            {
                width: 100%;
                height: auto;
                top: 56px;
                right: 50%;
            }
        
            section#fast-and-easy aside.quick-setup img
            {
                width: 100%;
                height: auto;
                top: 56px;
                right: 50%;
            }
        
            section#fast-and-easy aside.mobile-optimized img
            {
                width: 100%;
                height: auto;
                top: 56px;
                right: 50%;
            }
        
            section#fast-and-easy aside.order-fulfillment img
            {
                width: 100%;
                top: 56px;
                right: 50%;
                height: auto;
            }
        
            section#fast-and-easy aside.promotional-tools img
            {
                width: 100%;
                height: auto;
                top: 56px;
                right: 50%;
            }
            section#fast-and-easy .parallax-base .listing .sort-secondary
            {
                height: 400px;
            }
            header#intro h1
            {
                direction: rtl;
                font: 30px b koodak;
                margin-top: 26%;
                width: 90%;
            }
            section#build-and-grow aside
            {
                margin-bottom: 80px;
                margin-top: 85%;
                width: 100%;
            }
            #header .logo
            {
                float: right;
                padding-left: 0;
                position: relative;
                transition: width 150ms ease 0s;
                width: 18%;
                background: url("../images/logo.jpg") no-repeat center;
            }
            .main-nav-item
            {
                border-top: 1px solid #ddd;
                height: 50px;
                padding: 0;
                position: relative;
                width: 11%;
            }
            .nav2
            {
                padding: 5px;
                height: 250px;
                margin: 0 auto 20px;
                position: absolute;
                background: #fff;
                -webkit-box-shadow: 0px 3px 5px 0px rgba(150, 150, 150, 0.75);
                -moz-box-shadow: 0px 3px 5px 0px rgba(150, 150, 150, 0.75);
                box-shadow: 0px 3px 5px 0px rgba(150, 150, 150, 0.75);
                z-index: 10;
                width: 100%;
            }
            .nav2 ul
            {
                margin: 0 0% 0 auto;
                padding: 0;
                width: 100%;
            }
            .nav2 li
            {
                float: none;
                text-align: right;
                padding: 3px 8px;
                background-color: #FFF;
                margin: 0 0;
                color: #324158;
                font: 18px b koodak;
                list-style-type: none;
            }
            section#build-and-grow div.upload-your-products img
            {
                position: absolute;
                top: 10px;
                left: 10%;
                width: 100%;
            }
        
            section#build-and-grow div.two-ways img.marketplace
            {
                position: absolute;
                top: 10px;
                left: 10%;
                width: 100%;
            }
        
            section#build-and-grow div.be-awesome img
            {
                position: absolute;
                top: 10px;
                left: 10%;
                width: 100%;
            }
        
            section#build-and-grow.parallax-group
            {
                height: 1000px;
                z-index: 1;
            }
            section#build-and-grow aside p
            {
                color: #666;
                padding-right: 10%;
                padding-left: 10%;
                font: normal 16px b koodak;
                text-align: justify;
                direction: rtl;
                width: 100%;
            }
        
            #page-nav
            {
                height: 110px;
            }
            .col-xs-14
            {
                width: 100%;
            }
            .col-xs-2
            {
                width: 0%;
            }
            .logostick
            {
                display: none;
            }
        
            #page-nav li a
            {
                color: #324158;
                display: block;
                font: 16px b koodak;
                text-decoration: none;
            }
            #page-nav li
            {
                float: right;
                margin-right: 0px;
                padding: 10px 9px;
                position: relative;
            }
            #page-nav li a:hover
            {
                color: #35d4b4;
                text-decoration: none;
                display: block;
                font: normal 16px b koodak;
            }
            .col-xs-10
            {
                width: 100%;
            }
            .col-xs-offset-3
            {
                margin-left: 0;
            }
            .col-xs-push-6
            {
                left: 48.5%;
            }
            .col-xs-pull-10
            {
                left: 26%;
            }
        
            section#fast-and-easy .feature-list.small
            {
                margin-top: 55px;
            }
            section#fast-and-easy
            {
                background-color: transparent;
                height: 1100px;
            }
            section#fast-and-easy header h2
            {
                font: 24px b koodak;
                margin-top: 20px;
                width: 100%;
                width: 70%;
            }
            .footer-bottom .footer-right
            {
                float: right;
                margin-bottom: 20px;
                margin-top: 10px;
                text-align: right;
            }
            section#customizable .slide-wkrmn {
    background-image: url(../images/back-down3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 230px;
}

        }
        @media (min-width: 320px) and (max-width: 451px)
        {
           .ui-slider-tabs-list{ display:none}
                section#build-and-grow.parallax-group
            {
                height: 900px;
                z-index: 1;
            }
            .product-wrapper
            {
                background: none repeat scroll 0 0 #fff;
                border: 1px solid #b1bace;
                border-radius: 5px 4px 4px;
                clear: both;
                margin: 22px auto 30px;
                overflow: hidden;
                padding: 20px;
                width: 90%;
            }
        
        }