Fashion Shapeable Genuine Leather Fashion Top Hat

/*  ================================ global area start ================================ */ body { font-size: 14px; font-weight: 400; line-height: 1.6; font-family: ‘Open Sans’, sans-serif; color: #1a1a1a; } *, p { font-size: 14px; font-family: ‘Open Sans’, sans-serif; } a, a:hover, a:focus { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6, ul, li, a { margin: 0; padding: 0; line-height: 1.3; } .main-div { overflow: hidden; } img { max-width: 100%; max-height: 100%; } /*  ================================ global area end ================================ */ /*  ================================ header area start ================================ */ .header-wraper { overflow: hidden; padding: 20px 0; } .menu-part { text-align: right; padding: 62px 0; } .menu-part ul { display: inline-block; padding: 0; } .menu-part ul li { display: inline-block; list-style: outside none none; } .menu-part ul li a { color: #1a1a1a; display: block; font-size: 18px; font-weight: 700; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; font-family: ‘Open Sans’, sans-serif; border-bottom: 2px solid #fff; padding: 0 10px; } .menu-part ul li:last-child a { margin-right: 0; } .menu-part ul li a:hover { color: #FB321A; } /* menu part end */ .logo img, .footer-logo img{ width: 250px; } /*  ================================ header area end ================================ */ /*  ================================ product title area start ================================ */ .pro-title { background-color: #222021; border-radius: 5px; color: #fff; padding: 15px 30px; text-align: center; margin: 0 0 30px; } .pro-title > h2 { font-size: 26px; margin: 0; font-family: ‘Raleway’, sans-serif; font-weight: 700; } /*  ================================ product title area end ================================ */ /*  ================================ product area start ================================ */ .product-wraper { border: 1px solid #D1D1D1; overflow: hidden; padding: 0 20px 30px; } .gallery-content { text-align: center; margin-top: 30px; } .product-dec h3 { color: #1a1a1a; text-transform: capitalize; font-size: 26px; margin: 30px 0 20px; font-weight: 700; } .product-dec h4 { font-weight: 700; color: #1a1a1a; font-size: 20px; line-height: 1.3; margin-bottom: 20px; } .product-dec h5 { font-family: ‘Open Sans’, sans-serif; font-weight: 600; color: #1a1a1a; font-size: 14px; line-height: 1.3; margin-bottom: 5px; } .product-dec ul, .tab-list ul { margin: 0; padding: 0; } .product-dec ul li, .tab-list ul li { position: relative; padding-left: 20px; list-style: none; margin-bottom: 15px; } .product-dec ul li::before, .tab-list ul li::before { position: absolute; left: 0; content: “f046”; color: #FB321A; font-family: fontawesome; } /*  ================================ product area end ================================ */ /*  ================================ tab area start ================================ */ .tab-part-area { padding: 50px 0; } section.tab-section { display: none; padding: 40px 45px; border: 1px solid #ddd; color: #1a1a1a; overflow: hidden; } input { display: none; } label { color: #1a1a1a; font-size: 16px; font-weight: 600; border: 1px solid transparent; display: inline-block; margin: 0 0 -1px; padding: 10px 30px; text-align: center; text-transform: capitalize; background-color: #F8F8FA; border: 1px solid #ddd; transition: 0.5s; } label:hover { cursor: pointer; color: #fff; border: 1px solid #FB321A; background-color: #FB321A; } input:checked + label { color: #fff; border: 1px solid #FB321A; background-color: #FB321A; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { display: block; } .tab-section p a { color: #000; font-weight: 600; text-decoration: underline; } /*  ================================ tab area end ================================ */ /*  ================================ footer area end ================================ */ .footer-logo img { margin-bottom: 20px; } .footer-area p, .footer-area p a { font-size: 16px; font-weight: 600; } .footer-area p a { color: #000; } /*  ================================ footer area end ================================ */ /***** medium Layout *****/ @media (min-width: 992px) and (max-width: 1200px) { .menu-part { padding: 45px 0; } } /***** Tablet Layout *****/ @media only screen and (min-width: 768px) and (max-width: 991px) { .logo, .menu-part { text-align: center; } .menu-part ul li a { font-size: 14px; } .menu-part { padding: 45px 0 20px; } } /***** Mobile Layout *****/ @media only screen and (max-width: 767px) { *, p, .footer-area p, .footer-area p a { font-size: 13px; } .gallery-content { height: auto; } .logo { text-align: center; } .menu-part { text-align: left; padding-top: 30px; padding-bottom: 0; } .menu-part ul li { display: block; text-align: left; } .menu-part ul li a { font-size: 13px !important; padding: 0 0 10px; margin: 0; border-bottom: 0; } .pro-title > h2 { font-size: 16px; } .product-wraper { padding: 0 20px 30px; } .product-dec { margin-top: 30px; } .product-dec h3 { font-size: 22px; } .product-dec h4 { font-size: 16px; } .des-content { padding: 15px; } .des-content h1 { font-size: 16px; } .des-content h2 { font-size: 14px; } label { display: block; } section.tab-section { padding: 20px; } .ex { margin: 0; padding: 0; } }