/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
    .nivo_text .slider-text-1 h1 span, .nivo_text .slider-text-1 h1 {font-size: 62px}
    
}
/* desktop 1200px to 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.container {width:970px}
    .mainmenu ul li {margin-left: 35px}  
    .newsletter-info > form {width: 368px}
    .about-info {padding: 51px 30px}
    .about-us-area::before,.about-us-area::after  {height: 51.6%; width: 9.8%}
    .total {width: 286px;margin-right: 11px}
    #grid ul.cart-metalic {margin-top: 0}
    .single-left-widget .section-title ul.size-widget li a {padding: 10px 17px}
    .single-product-info h5:nth-child(3) {margin-bottom: 10px}
    #list ul.cart-metalic {margin-top: 25px}
    .single-service {padding: 30px 50px 30px 110px}
    .product-thumb ul li {margin-right: 12px}
    .slider-bottom-left-text h1, .slider-bottom-middle-text h1, .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {font-size: 25px}
    .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {font-size: 16px}
    .product-thumb ul li {width: 22%}
    .slider-bottom-right-bottom {margin-top: 20px}
    .total {margin-right: 0px}
    .discount-code, .total {padding: 28px 34px}
    a.continue-shopping:first-child {margin-right: 5px}
    a.continue-shopping, .discount-code > input[type="submit"], .total.text-right > input {padding: 10px 25px}
    .single-product-info p {font-size: 13px;line-height: 21.6px}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.container {width:750px}
    .menularge {display: none}
    .mobile-menu-area {display:block}
    .mainmenu, .zoomContainer {display: none}
    .slider-bottom-left-text h1, .slider-bottom-middle-text h1, .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {
  font-size: 16px}
    .product-thumb ul li {width: 18%}
    .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {font-size: 12px}
    .footer-widget.address .footer-address:nth-child(2) {margin-bottom: 30px}
    .slider-bottom-right-bottom {margin-top: 12px}
    ul.cart-metalic {margin-top: 0}
    .off-banner-text {padding: 80px 0}
    .about-us-area::before, .about-us-area::after  {background: none; border: none}
    .who-wrapper::before {border: none;}
    .about-info{border-right: 1px solid #eee}
    .col-md-10.col-md-offset-1.team-padding {padding-left: 15px; padding-right: 15px}
    .product-detail.single-product-info, .registered-user, .contact-address{padding-top: 50px}
    .cart_list tbody td {padding: 20px 5px}
    .cart_list tbody td.product_des {padding: 0 20px}
    .single-left-widget .section-title ul.size-widget li a {padding: 10px 70.6px}
    #list .single-product-info h5:nth-child(3) {margin-bottom: 6px}
    #list .single-product-info{border-right: 1px solid #eee}
    .header-top-left {float: none}
    .logo, .zoomWrapper{float:right}
    .footer-widget.address .footer-address:nth-child(2) {margin-bottom: 15px}
    .product-thumb ul li {margin-bottom: 20px}
    .single-service {padding: 30px 30px 30px 80px}
    .product-thumb ul li:first-child {margin-right: 15px;}
}
/* small mobile :320px. */
@media (max-width: 767px) {
     table{
         display:block;
         overflow-x:auto;
         font-size: 12px!important;
     }

    .f1-steps {
        overflow: hidden;
        position: relative;
        margin-top: 20px;
        display: flex;
    }
    .f1-step{
        position: relative !important;
        display: flex;
        width: 100% !important;
        padding: 0px !important;
    }
    .f1-step.active .f1-step-icon {
        width: 57px !important;
        height: 42px !important;

    }

    #uploaderform {
        margin: 0 auto;
        margin-bottom: 0px;
        width: 100%;
        padding: 14px;
        border: solid 1px #EBE6E6;
        background: #F5F5F5;
        border-radius: 10px;
        -moz-border-radius: 10px;
        font-family: "B Yekan";
        margin-bottom: 32px;
        overflow: hidden;

    }
    #uploadResults {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .banner-title h2 {
        display: none;}
    #output{
        width: 100%;
    }
    .banertitle{
        font-size: 17px;
        position: absolute;
        margin-top: 33px;
        margin-right: 66px;
    }
    .menularge {display: none}
.container {width:100%}
    .mobile-menu-area {display:block}
    .mainmenu, .nivo-directionNav, .zoomContainer{display: none}
    .header-area {position: inherit}
    .single-product-info {border-left: 1px solid #eee}
    .nivo-caption {top: 32%}
    .footer-widget {margin-bottom: 50px}
    .slider-bottom-left, .slider-bottom-middle, .slider-bottom-right, .slider-bottom-right-bottom {margin-bottom: 30px}
    .single-service, .single-member-img{margin-bottom: 30px}
    .off-banner-text {padding: 80px 0}
    .newsletter-info > form {width: 270px}
    .newsletter-info > h2, .list .shop-product-list single-product{margin-top: 30px}
    .about-us-area::before, .about-us-area::after  {background: none; border: none}
    .who-wrapper::before {border: none;}
    .about-info{border-left: 1px solid #eee}
    .arrival-area, .service-area.shop{padding-top: 0px}
    .col-md-10.col-md-offset-1.team-padding {padding-left: 15px; padding-right: 15px}
    .single-member-img > img{width:100%}
    .product-detail.single-product-info, .registered-user, .contact-address, .arrival-area.checkout{padding-top: 50px}
    .newsletter-info > form > button {width: 60px}
    .cart_list tbody td {padding: 20px 5px}
    .cart_list tbody td.product_des {padding: 0 20px}
    .total {margin-right: 0; width: 296px}
    .banner-text-wrapper {padding: 75px 0 90px}
    .contact-address-wrapper {padding: 50px 30px}
    #list .shop-product-list.col-md-12 .col-lg-8 {margin-left: 0; padding-right:15px; padding-left: 15px}
    #list .shop-product-list .single-product {margin-top: 30px}
    .shop-grid-area .container .row:last-child, .newsletter-info h2, .arrival-area{padding-top: 30px}
    .product-thumb ul li {margin-right: 6px}
    #list .shop-product-list .single-product { margin-top: 0px;}
    .header-top-left, .logo {float: none}
    .nivo_text .slider-text-1 h1 span, .nivo_text .slider-text-1 h1 {font-size: 20px}
    .single-service {padding: 30px 30px 30px 35px}
    .newsletter-info h2, .continue-shopping, .logo {float: right}
    .newsletter-social-icon {padding-top: 15px}
    .total {margin-left: 0px}
    a.continue-shopping {margin-right: 10px}
    .discount-code, .total { padding: 28px 18px}
    .total { width: 272px}
    .single-product-hover {opacity: 1}
    .single-service-icon i { font-size: 26px; margin-top: 10px}
    .description-tab-menu ul li a {padding-right: 45px}
    .single-left-widget .section-title ul.size-widget li a {padding: 10px 14.4px}
    #list .shop-product-list .single-product-hover-text {top: 25%}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:450px}
    .mobile-menu-area {display:block}
    .mainmenu {display: none}
    .menularge {display: none}
    .hover-effect img, .single-product-img img {width: 100%}
    .slider-bottom-middle-text {top: 57%}
    .newsletter-info > form {width: 425px}
    .single-left-widget .section-title ul.size-widget li a {padding: 10px 33px}
    .slider-bottom-left-text h1, .slider-bottom-middle-text h1, .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {font-size: 25px}
    .slider-bottom-right-text h1, .slider-bottom-right-bottom-text h1 {font-size: 20px}
    .product-thumb ul li {margin-right: 10px}
}