@media (max-width:1400px){
h2 {
font-size: 40px;
}

p {
margin-bottom: 30px;
}
}

@media (max-width:1200px){
.banner .owl-carousel .item{
    padding: 150px 0px;
}
.know-section {
    padding: 50px 0px;
}
.know-section .inner-text ul li h5 {
    min-height: 53px;
}
.product-gallery {
    padding: 50px 0px;
}
.recently-viewed{
    padding: 50px 0px;
}
.popular-products {
    padding: 50px 0px;
}
footer {
    padding: 50px 0px;
}
footer .inner-text .left-content .location a span{
    display: block;
}
.contact-us-page .inner-text .right-content .get-touch-box-main {
height: auto;
}
.contact-us-page .inner-text .left-content .form-main {
margin-bottom: 30PX;
}
.contact-us-page .inner-text h2{
line-height: initial;
}
.contact-us-page .inner-text .right-content .get-touch-box-main .contact-footer a {
font-weight: 400;
font-size: 16px;
word-break: break-all;
}
.product-vedant .inner-text ul {
    gap: 20px;
}
}

@media (max-width:992px){
.navigation {
height: 100px;
}

h2 {
font-size: 40px;
margin-bottom: 30px;
text-align: center;
}

.btn-black {
font-size: 16px;
padding: 10px 20px 10px 20px;
}

.subfooter .inner-text {
display: block;
}
.subfooter .inner-text p {
margin-bottom: 10px;
}

footer .inner-text .left-content{
margin-bottom: 40px;
}
footer .inner-text .middle-content{
margin-bottom: 40px;
}
footer{
padding: 50px 0px;
}

.topheader .inner-text .right-text a span{
display: none;
}
.navigation .brand a img {
width: 150px;
}
.navigation nav ul li a, .navigation nav ul li a:visited {
font-size: 16px;
}
.topheader .inner-text .right-text a:nth-child(2){
display: none;
}
.banner .owl-carousel .item {
padding: 100px 0px;
}
h1{
font-size: 46px;
}
.sub-headings {
font-size: 18px;
}
.know-section .inner-text ul li h5 {
min-height: auto;
}
.know-section .inner-text ul {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.read_more {
margin: 20px auto 20px;
}
footer .inner-text .left-content .location {
margin-bottom: 20px;
}
.contact-us-page .inner-text h4 {
padding-top: 50px;
font-size: 30px;
}
.contact-us-page .inner-text .left-content .form-main .form-main-sub {
display: block;
}
.contact-us-page .inner-text .left-content .form-main .form-main-sub .input-main-form .name{
margin-bottom: 5px;
}
.contact-us-page .inner-text .left-content .form-main .form-main-sub .input-main-form {
margin-bottom: 20px;
}
.contact-us-page {
padding-bottom: 50px;
}
.contact-us-page .inner-text .right-content .get-touch-box-main h3 {
font-size: 30px;
padding-bottom: 20px;
}
.product-vedant .inner-text ul {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.product-vedant .inner-text ul li a h5 {
    font-size: 22px;
}
.product-vedant {
    padding: 40px 0px;
}
.contact_icon {
    width: 46px;
    height: 46px;
    font-size: 18px;
}
.backToTopBtn {
    bottom: 57px;
    right: 40px;
    height: 46px;
    width: 46px;
    font-size: 18px;
}
}

@media (max-width:768px){
.category-section {
    padding: 40px 0px;
}
.category-section a img {
    width: 100%;
    margin-bottom: 20px;
}
.know-section {
    padding: 40px 0px;
}
.product-gallery {
    padding: 40px 0px;
}
.recently-viewed {
    padding: 40px 0px;
}
h2 {
    font-size: 36px;
    margin-bottom: 30px;
}
.popular-products {
    padding: 40px 0px;
}
footer {
    padding: 40px 0px;
}
.recently-viewed .inner-text ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.popular-products .inner-text ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.company-profile {
    padding: 40px 0px;
}
.about-section {
    padding: 40px 0px;
}
}

@media (max-width:576px){
h1 {
    font-size: 40px;
}
.banner .owl-carousel .item p{
    font-size: 18px;
}
h1::after {
    bottom: -4px;
    right: 40%;
    height: 2px;
    width: 80px;
}
.category-section {
    padding: 20px 0px;
}
.know-section {
    padding: 20px 0px;
}
h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.read_more a {
    font-size: 15px;
    padding: 10px 0px;
}
.product-gallery {
    padding: 20px 0px;
}
.recently-viewed {
    padding: 20px 0px;
}
.popular-products {
    padding: 20px 0px;
}
.location-map {
    padding: 20px 0px;
}
.recently-viewed .inner-text ul li a .content-section label span {
    font-size: 18px;
}
.contact-us-page .inner-text h2 {
    line-height: initial;
    }
    .contact-us-page .inner-text .left-content .form-main {
    border-radius: 10px;
    padding: 20px;
    }
    .contact-us-page .inner-text .right-content .get-touch-box-main {
    border-radius: 10px;
    background: #171B22;
    padding: 20px;
    }
    .product-vedant .inner-text ul {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .product-vedant {
        padding: 30px 0px;
    }
    .floating_btn {
        bottom: 0px;
        left: 10px;
    }
    .backToTopBtn {
        bottom: 25px;
        right: 30px;
        height: 46px;
        width: 46px;
        font-size: 18px;
    }
}

@media (max-width:480px){
h2 {
font-size: 26px;
}
.btn-black {
font-size: 15px;
padding: 10px 15px 10px 15px;
}
h5 {
font-size: 20px;
margin-bottom: 10px;
}
p {
margin-bottom: 20px;
}
.our-products .inner-text ul {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
.btn-primary {
font-size: 15px;
padding: 10px 16px 10px 16px;
}
p{
font-size: 16px;
line-height: 28px;
}
.navigation nav ul li a, .navigation nav ul li a:visited {
padding: 10px 20px;
font-size: 16px;
}
.topheader .inner-text .right-text a{
font-size: 16px;
}
.topheader .inner-text ul li a i {
font-size: 16px;
}

footer .inner-text .left-content .location p {
font-size: 14px;
font-weight: 300;
}
footer .inner-text .left-content .location a {
font-size: 14px;
font-weight: 300;
}
footer .inner-text .middle-content ul li a {
font-size: 14px;
font-weight: 300;
}
footer .inner-text .right-content form .form-group :is(input, textarea){
font-size: 14px;
font-weight: 300;
}
.subfooter .inner-text p {
font-size: 14px;
font-weight: 300;
}
.recently-viewed .inner-text ul {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.popular-products .inner-text ul {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.subfooter .inner-text p {
font-size: 14px;
line-height: normal;
}
footer {
padding: 30px 0px;
}
h1 {
font-size: 30px;
}
.product-gallery .inner-text .owl-carousel .item h6{
font-size: 17px;
margin-bottom: 0;
}
.product-gallery .inner-text .owl-carousel .item a {
font-size: 14px;
}
footer .inner-text .left-content .location i {
font-size: 18px;
}
.company-profile {
padding: 30px 0px;
}
.about-section {
padding: 30px 0px;
}
.product-vedant .inner-text ul li {
    text-align: center;
}
}






























 @media only screen and (max-width: 992px) {
.navigation .nav-mobile {
    display: block;
}
.navigation nav {
    width: 100%;
    padding: 68px 0 0px;
    position: absolute;
    left: 0;
}
.navigation  nav ul {
    display: none;
}
.navigation nav ul li {
    float: none;
}
.navigation nav ul li a {
    padding: 15px;
    line-height: 20px;
    background: #262626;
}
.navigation  nav ul li ul li a {
    padding-left: 30px;
}
.navigation .navbar-dropdown {
    position: static;
    border-bottom: 1px solid #cfcfcf;
}
}

@media screen and (min-width:992px) {
.navigation .nav-list {
    display: block !important;
}
}
