@media (max-width: 1680px) {

    .navbar .dropdown ul {left: -270%;}
    #cateogry .cta-btn{width: 15%;}
    .testimonial .testimonial-content{margin-top: -3%;}
    .tm-custom-heading2{line-height: 30px;}
    #contact .contact-info address, #contact .contact-info p{margin: 0 -9px;}

}


@media (max-width:1536px){

    .nav-menu {margin: 0 18%;}
    /* .social-nav { width: 16%;} */
    .navbar .dropdown ul {left: -255%;}
    .title-menu {font-size: 32px; }    
    .media .bottom-left{font-size: 30px;}
    #about-section h3{font-size: 32px;}
    p {font-size: 16px;}
    #about-section .cta-btn{font-size: 15px;}
    .title-feedback {font-size: 32px;}
    .tm-custom-heading2 {font-size: 18px;}
    #location-section .cta-btn{font-size: 15px;}
    #footer .footer-top h4 {font-size: 17px;}
    #footer .footer-top .footer-info p {font-size: 16px;}
    #footer .footer-top .footer-links ul a{font-size: 16px;}
    #footer .copyright{font-size: 16px;}
    #footer .credits{font-size: 16px;}
    .about-images .box p {font-size: 16px;}
    #hero-banner h2 {font-size: 24px;}
    .location h4 {font-size: 20px;padding: 7px;}
    #contact .cntainer-white{width: 100%;}
    ol, ul {padding-left: 0rem;}
    #contact h3, h4 {font-size: 21px;}
    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper{padding-left: 2rem;}
    .cntainer-white { width: 98%;}
    .section.product-section .wrapper > * {margin: 8px;}
    .media {width: 425px;}
    .cntainer-black{width: 89%;}
    .image-feedback{    right: -4%}

}

@media (max-width:1440px){

    /* .social-nav {width: 14%;} */
    .btn-social.language {width: 30%;}
    .navbar .dropdown ul {left: -270%;}
    #hero {height: 70vh;}
    #hero h2 {font-size: 50px;}
    #hero p{font-size: 18px;}
    #hero .btn-get-started{font-size: 15px;}
    #cateogry .cta-btn {width: 16%;font-size: 15px;}
    .testimonial .post{margin-bottom: 10px;}
    .testimonial .title{padding-top: 50px;}
    .tm-custom-heading1{font-size: 25px;}
    .cntainer-white { width: 98%;}
    .section.product-section .wrapper > * {margin: 8px;}
    .media {width: 425px;}
    .cntainer-black{width: 89%;}
    .image-feedback{    right: -4%}
    .tm-dishbox-wrapper.dishbox-style2 .tm-box-title h3 {font-size: 20px;}
    .hovereffect h2{padding-top: 18%;}


}


@media (max-width:1366px){

    .social-nav {
        right: 4%;}

    .et-hero-tabs h1 img {
        width: 65%;
    }    

    /* .social-nav {width: 12%;} */
    .btn-social.language {width: 35%;}
}

@media (min-width: 1200px){

    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}
    .cntainer-black {width: 93%;}
    .image-feedback {right: -3%;}
    .navbar .dropdown ul {left: -270%; }    
    /* .nav-menu {margin: 0 23%;} */
}



@media (max-width:1280px){

    aside {margin-left: 0;}

    .about.item .tm-dishbox-wrapper.dishbox-style2 .tm-box-content.inner .tm-box-title h3 {
        font-size: 14px;
    }    

    .media {width: 380px;}
    .nav-menu {margin: 0 15%;}
    /* .social-nav {width: 14%;} */
    .btn-social.language {width: 30%;}
    .navbar .dropdown ul {left: -260%;}
    #cateogry .cta-btn{margin:20px auto 0;}
    .cntainer-black {width: 98%;}
    .image-feedback {width: 18%; right: -18px;}
    .testimonial .pic img {width: 85%;}
    /* .testimonial .pic:before {right: -3px;} */
    /* .testimonial .pic:after {left: -3px;} */
    #menu {padding: 30px 0 1%;}
    .about-images .box { margin:0 14px}
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1170px;}
    .sidebar {width: 22%;}

}



@media(max-width:1024px){

    .social-nav {
        right: 10px;}

    .et-hero-tabs-container{padding: 0;}
    .about.item {width: 70%;}
    .menu.item{width: 70%;}
    .about-images .box-images {width: 100%;display: block;}
    .about-images .box-images .text {padding: 0;}
    .about-images .box-images.image {width: 100%;}
    .about-images .box-images.image img {width: 75%;}
    .about-images .box-images.image::before { top: 60px;right: 34px;}
    .line-divided {margin: 50px auto 24px;}
    .about-images .box {width:100%;  margin: 0 0;}
    .container.about-images {display: contents;}
    #footer{padding: 0 0 12px 0%;}
    .news__title {font-size: 20px;}
    .large-block-grid-3>li {width: 50%;}
    .tit3 {font-size: 40px;}
    #about{padding:60px 0 0 0;}

    /* .social-nav {width: 15%;} */
    .btn-social.language {width: 40%;}
    .media {width: 325px;}
    .navbar .dropdown ul{width: 850px;left: -220%;}
    #cateogry .cta-btn {width: 21%;font-size: 14px;} 
    .testimonial .description {font-size: 15px;}
    .owl-theme .owl-controls .owl-buttons div { height: 55px;}
    .hovereffect h2 {padding-top:20%;width: 105px;height: 105px;font-size: 15px;margin: 13% auto;}
    .tm-box-col-wrapper {width:24.9%;}
    .sidebar {width: 28%;}
    aside {margin-right: 5%;}
    #hero-banner h2 {font-size: 22px;width: 25%;}
    #contact .contact-info {margin-bottom: 0px; }  
    #footer .footer-top .footer-info p {margin-right: 5px;margin-left: 3%;}  
    .testimonial .pic:before { width: 70px;height: 70px;font-size: 35px;padding: 4% 8%;}
    
}


@media (min-width: 900px) {

    .topnav{
        display: none;
    }
    .et-hero-tabs-container{
        display: flex;
    }
}

@media(max-width:900px){

    #hide-mobile{display: none!important;}
    #show-mobile{display: block!important;}

    #header{    
        background: rgb(122 16 16);
        height: 70px;
        display: flex!important;}

    #header .et-header__right{color: #fff;      display: flex;  direction: rtl;}

.et-header__logo {
    filter: invert(1);
    }

    .et-hero-tabs h1, .et-slide h1 {font-size: 1.5rem;}
    /* #show-desktop{display: none;} */

    .et-hero-tabs.inner_hero {
        height: 74vh;
    }
    .topnav{
        display: inline-table;
    }
    .et-hero-tabs-container{
        display: none;
    }
    .menu.item{
        order: 2;
        width: 97%;
    }
    .about.item {
        order: 2;
        width: 97%;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    #about-page .sidebar{
        /* padding-right: 45px; */
    }
    

    .media {width: 250px;}
    #hero {height: 50vh;}  
    #hero h2 {font-size: 35px;}   
    #hero p {font-size: 15px;}   
    #hero .btn-get-started {font-size: 12px;}
    .title-menu {font-size: 25px;}
    .media .bottom-left {font-size: 23px;}
    #cateogry .cta-btn {width: 23%;font-size: 12px;}
    #about-section h3 {font-size: 25px;}
    p {font-size: 14px;}
    #about-section .cta-btn {font-size: 12px;}
    .testimonial .title{text-align: center;}
    .testimonial .post{text-align: center;}
    .title-feedback {font-size: 25px;}    
    .tm-custom-heading2 {font-size: 16px;}
    #location-section .cta-btn {font-size: 12px;}  
    .owl-theme .owl-controls .owl-buttons div{font-size: 16px;} 
    .owl-next:after {font-size: 30px; left: -9px;}
    #footer .footer-top {padding: 30px 0 5px 0;} 
    #footer .footer-top h4::before {  width: 40%;}   
    #footer .footer-top .footer-info p {margin-right: 0;margin-left: 0;}
    .nav-menu {margin: 0;}
    /* .social-nav {width: 20%;} */
    .btn-social.language {width: 30%;}
    .navmobile{margin-bottom:0;padding: 1%;}
    #header .logo{padding-top: 0;}
    /* #header{height: 220px;} */
    .navbar li:last-child {margin-left: 0;}
    .navbar .dropdown ul {width: 732px;}
    .products { width: 20%;padding: 2% 6%;}
    .about-images .box {margin: 0 10px;}
    .about-images .box .text{padding: 10%;}
    #about-page .cntainer-white {width: 85%;} 
    #order-mob{display: flex;  flex-flow: column;}
    .sidebar {width: 100%;order: 1;}   
    aside {margin-right: 0;}
    #hero-banner h2 {width: 32%;    padding: 20px 0 13px;}
    iframe { float: none;  width: 725px;  margin: 3% 0;   margin-bottom: 0%;}
    .location {float: none;}
    .contact-icon-box .contact-icon svg { width: 30px; height: 30px;}
    .contact-icon-box .contact-icon {padding: 17px;}
    .contact-icon-box { padding: 12px;min-height: 210px;}
    #contact .contact-info address, #contact .contact-info p { font-size: 13px}
    ul.social-icons li a { font-size: 1em; height: 30px; line-height: 28px; width: 30px;}
    .testimonial .description {padding: 0 2% 0 2%;}

}




@media (max-width: 800px){
    #panorama-li img{
        height: 25px
    }

    .social-nav{    margin: 2% 0;}

    .media { width: 240px;}
    .navbar .dropdown ul {width: 700px;}
    #cateogry .cta-btn {width: 27%;}
    iframe { width: 710px;}
    #contact .php-email-form button[type="submit"] {font-size: 13px;}

    .tm-box-col-wrapper {
        width: 49.9%;
    }
}



@media(max-width:480px){

    .social-nav {
        right: 0;
        position: relative;
        width: auto;
        padding-top: 20px;
        margin: 0 0;
        width: 100%;
        text-align: center;}

    .et-hero-tabs.inner_hero {
        height: 40vh;
        padding-top: 30%;
    }

    .et-hero-tabs.inner_hero h1 {
        font-size: 1rem;
    }

    .tit3 {
        font-size: 30px;
    }
    

    #about {padding: 10px}
    #menu .cta-btn{width: 80%;}
    #footer .copyright {
        font-size: 14px;
        text-align: center;
    }
    .about-images .box .text {
        padding: 15px;
    }

    .about.item {  width: 100%;}

    .large-block-grid-3>li {width: 100%;}

    #tsum-tabs main .nav-tabs .nav-item { width: 30%;}

    #tsum-tabs main .nav-tabs .nav-link {
        padding: 4px 0;
        font-size: 12px;
    }    

    .about-images .box p {
        font-size: 15px;
    }

    .news__item.inner.details .news__img {
        width: 100%;
        height: auto;
    }

    .news__item.inner {
        height: auto;
        margin-bottom: 60%;}

    /* .social-nav {width: 30%;} */
    .btn-social.language {width: 40%;}
    #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon { font-size: 20px;  height: 40px;  width: 40px;  line-height: 40px;}
    .media {width: 100%;}
    .wrapper {margin-bottom: -6%;}
    .title-menu {margin-bottom: 7px;}
    #cateogry .cta-btn {width: 60%;}    
    .cntainer-white {width: 89%;}
    #about-section {padding: 30px 0;}
    .tm-box-col-wrapper {width: 100%;padding: 6%;margin-top: -2%;margin-bottom: -4%; }    
    .testimonial .pic{width: 50%;}
    /* .testimonial .pic:before, .testimonial .pic:after {width: 120px;height: 100px;}
    .testimonial .pic:before {right: 14px;}
    .testimonial .pic:after {left: 14px;} */
    .image-feedback{display: none;}
    .tm-custom-heading1 {font-size: 23px;}
    .tm-custom-heading2 {font-size: 15px;}
    .cntainer-black {width: 89%;}
    #footer .footer-top h4::before {width: 23%;}    
    #footer .footer-top {padding: 30px 20px 5px 20px;}
    /* .navbar-mobile .dropdown > .dropdown-active {display: flex;flex-flow: column;} */
    .navbar .dropdown ul {width: 90%;}
    .products {width: 40%;padding: 0% 10%;}
   .products img{width: 170px;}
   .about-images .box {    width: 100%;
    height: 100vh;
    margin: 6px 0;}
   #about-page .cntainer-white {width: 87%;    margin-bottom: -3%;}
   #about-page .cntainer-white p{text-align: justify;}
   #hero-banner h2 {width: 55%;}
   .hovereffect h2 {padding-top: 17%;width: 300px;height: 150px;font-size: 17px;margin: 20% auto;}
   .products-category {margin-bottom: -24px;padding: 5%;}
   #menu {padding: 20px 0 1%;}
   .top-section {  margin-top: 3%;}
   #menu-page {padding: 13px 0;}
   .sidebar {width: 100%;margin: 0; }
   iframe {width: 100%;margin: 00;}
   /* .large-block-grid-3>li {width: 47%;} */
   #contact h3, h4 {font-size: 20px;  padding-left: 7%;padding-right: 7%;}
   #contact .contact-info {margin-bottom: 11px;}
   #footer .footer-top h4 {padding-left: 0;padding-right: 0;}
   .testimonial .title {padding-top: 15px;}
   #about-section p { text-align: justify; margin-bottom: 3%;}
   .location h4 { font-size: 20px;padding: 8px 0 3px;width: 60%;}
}



@media(max-width:414px){



.products {width: 100%; padding: 0 41%; display: flex;  flex-flow: column; margin: 0 auto;}
.navbar .dropdown ul {width: 89%;}
.products img {width: 200px;margin-left: -100%;}
#hero h2 {font-size: 28px;}
#hero p {font-size: 13px;}
#hero .btn-get-started {font-size: 10px;}
.carousel-control-prev {left: 3%;}
.carousel-control-next {right: 3%;}
.btn-social.language {width: 40%;}
/* .social-nav {width: 35%;} */
#footer .footer-top h4{padding-left: 0;padding-right: 0;}
.about-images .box .text {padding: 8px}
.large-block-grid-3.location-sec .contact-icon-box {width: 98.5%;}
.location ul li { font-size: 16px;}
.location h4 {width: 100%;}
.hovereffect h2 {padding-top: 15%;width: 140px;height: 140px;font-size: 19px;margin: 15% auto;}
.testimonial .pic:before {width: 60px; height: 60px;font-size: 25px;padding: 6% 9%;}
.testimonial .pic:after {bottom: 25px;right: 0;width: 20px; height: 20px;}
.section.product-section {padding: 35px 5%;}

.tit3 {font-size: 30px;}

.about-images .box p {font-size: 14px;}

#footer .copyright {
    font-size: 13px;
}

.navbar-mobile a {
    padding: 15px 20px;
    font-size: 15px;
}

.et-hero-tabs h1, .et-slide h1 {
    font-size: 1rem;
}

.about-images .box-images.image::before{height: 80%;}

#tsum-tabs main .nav-tabs .nav-item {
    margin: 1% 1%;
    width: 48%;
    }


/* .btn-social {
    color: #fff;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 6px;
    margin: 3px 2px;} */

}

@media (max-width:411px){

    .tm-custom-heading2 {font-size: 14px;}
    .hovereffect h2{top: 0;}

    
}


@media (max-width:375px){

    #tsum-tabs main .nav-tabs .nav-item {
        /* margin: 0% 1px; */
        /* width: 49%; */
        }

    .wrapper {margin-bottom: -8%;}
    .testimonial .pic:before {width: 55px;height: 55px;font-size: 20px;padding: 8% 11%;}
    .tm-custom-heading1 {font-size: 20px;}
    .about-images .box p {font-size: 15px;}
    .hovereffect h2 {padding-top: 11%;width: 105px;height: 105px;font-size: 18px;margin: 20% auto;}
    #hero-banner h2 {width: 65%;    font-size: 20px;}
    #hero-banner {height: 30vh;}
    /* iframe {width: 310px;} */
    .location h4 {font-size: 18px;}
    .location ul li {font-size: 14px;}
    #footer .footer-top .footer-info p {font-size: 14px;}
    #footer .footer-top h4 {font-size: 15px;}
    #footer .footer-top .footer-links ul a {font-size: 14px;}
    #footer .copyright {font-size: 14px;}
    #footer .credits{font-size: 14px;}
    /* .large-block-grid-3>li {width: 49%} */
    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper {padding-left: 8px;}
    #contact .php-email-form input, #contact .php-email-form textarea {font-size: 0.8rem;}
    #contact h3, h4 {font-size: 18px;}
    #contact .contact-info h3 {font-size: 16px;}
    .products img {width: 175px;}
    /* .section.product-section {padding: 35px 1em;} */
}

@media (max-width:360px){

    /* iframe {width: 295px;} */
    .testimonial .description {padding: 0 1% 0 1%;}
    .products-category {margin-bottom: -15px;}
    #tsum-tabs main .nav-tabs .nav-item {
        /* margin: 0% 1px; */
        /* width: 32%; */
        }

}


@media (max-width:320px){

    #header .logo {margin: 0 25%;}
    #header {height: 185px;}
    /* .social-nav {width: 40%;} */
    .navmobile {margin-bottom: 0;padding: 2%;}
    #hero {height: 40vh;}
    #hero h2 {font-size: 24px;}
    #hero .btn-get-started {padding: 4px 20px;}
    .carousel-indicators{margin-bottom: 0rem;}
    .carousel-indicators [data-bs-target] {width: 10px;height: 10px;}
    .testimonial .pic img {width: 100%;}
    .testimonial .pic:before { padding: 8% 12%;}
    .testimonial .description {padding: 0 0% 0 1%;}
    .tm-custom-heading1 {font-size: 18px;}
    .#location-section .cta-btn{padding: 4px 15px;}
    #about-section h3 {font-size: 22px;}
    #about-section .cta-btn{padding:4px 15px;}
    #cateogry .cta-btn{padding:4px 15px;}
    .products { padding: 0 39%;}
    .about-images .box p {font-size: 14px;}
    iframe {width: 255px;}
    .large-block-grid-3>li {width: 98%;}
    .contact-icon-box {padding: 30px;}
    #contact h3, h4 {font-size: 20px;}
    .hovereffect h2 {padding-top: 13%; font-size: 15px;}
}