/* meadiya screen 1600px start */
@media only screen and (max-width: 1600px) {
	.m-container{
	   margin:0px 160px;
    }
	.logo {
       width: 100%;
    }.logo {
     width: 300px;
    }
}
/* meadiya screen 1600px end */

/* meadiya screen 1500px start */
@media only screen and (max-width: 1500px) {
	.m-container{
	   margin:0px 110px;
    }
	.logo {
     width: 270px;
    }
	.our-team {
		/* width: 230px; */
	}
}
/* meadiya screen 1500px end */


@media only screen and (max-width: 1200px) {
    .why-choose-box {
        width: 413px;
    }

    #Tomtoma {
        width: 90%;
    }
	.m-container{
	   margin:0px 80px;
    }
	.logo {
    width: 250px;
    }
	.menu-link{
		font-size: 12px;
	}
}

/* meadiya screen 1200px end */
/* meadiya screen 1200px start */
@media only screen and (min-width:992px) and (max-width: 1300px) {
	.header-contact-btn{
		font-size: 14px;
       padding: 11px 10px;
	}
	    .logo {
        width: 200px;
    }
}
/* meadiya screen 992px start */
@media only screen and (max-width: 992px) {
	.tomtoma-main-box{
		height:auto !important;
	}
	.product-tab {
		    overflow-x: auto;
	}
	.product-tab-btn{
		    white-space: nowrap;
	}
	.m-container{
	   margin:0px 70px;
    }
	.why-choose-box h6{
		    font-size: 18px;
	}
	.why-choose-box p{
		font-size: 15px;
	}
	.sub-arabic1{
		display:flex !important;
	}
	.brand-img{
		
	}
	.sub-arabic{
		display:none !important;
	}
    .product-fiter-box-head-btn {
        display: block;
    }

    .product-fiter-box-body {
        display: none;
    }

    .product-fiter-box-body.show {
        display: block;
    }

    .product-fiter-box {
        padding-bottom: 15px;
    }

    .why-choose-box {
        width: 350px;
        margin: 10px 0px;
    }

    #travel .slick-dots {
        position: absolute;
        transform: translateY(-50%);
        left: 0%;
        bottom: -30px;
    }

    .connect-today-box p {
        text-align: center;
        margin-bottom: 15px;
        margin-right: 0px !important;
    }

    div#navbarSupportedContent {
        background-color: #050505;
        border-radius: 0px 0px 10px 10px;
        padding: 20px 10px;
    }

    .vision-icon {
        right: 0px;
    }

    .mission-icon {
        right: 0px;
    }
	.banner-content {
		width:75%;
	}
}

/* meadiya screen 992px end */

/* meadiya screen 768 start */
@media only screen and (max-width: 768px) {
	.tomtoma-box{
		    width: fit-content;
	}
	.tomtoma-main-box{
		padding:10px;
	}
    br {
        display: none;
    }
    .m-container{
	   margin:0px 50px;
    }
    .banner-content h2 {
        font-size: 45px;
        line-height: 64.32px;
    }

    .section-head {
        font-size: 30px;
    }

    .why-choose-box {
        height: 100%;
        width: 300px;
        padding: 15px;
        margin: 15px 30px;
    }
	.about-count-1{
		    justify-content: space-evenly;
	}
	.res-bord{
		border-bottom:1px solid grey;
		        position: relative;
        z-index: 999;
        padding-top: 25px;
        margin-bottom: 25px;
	}
.navbar-brand{
	    order: 2;
}
.sub-arabic1{
	order: 1;
}
.navbar-toggler{
	    order: 3;
}
    /* .slide-box:hover .slide-box-overlay {
        height: 100%;
    } */
    .message-box {
        width: 100%;
    }

    .message-content-svg-1 {
        margin-left: -10px;
    }

    .co-conent h3 {
        font-size: 30px;
    }

    .co-conent h3 span {
        font-size: 30px;
    }

    .counter-box-1 span {
        font-size: 50px;
    }

    .compact-cars-head {
        font-size: 40px;
    }
	.banner-content {
		width:85%;
	}
}

/* meadiya screen 768 end */

/* meadiya screen 600 start */
@media only screen and (max-width: 600px) {
	.count_text{
		font-size:15px;
	}
    .footer-line-limit{
	    -webkit-line-clamp: initial;
        line-clamp: initial;
    }
	.footer-content-box h6{
		    font-size: 14px;
	}
	.footer-content-box li a{
		    font-size: 12px;
	}
	.m-container{
	   margin:0px 20px;
    }
	
    .banner-box {
        height: 80vh;
    }
    .banner-content h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .section-head {
        font-size: 25px;
    }

    .section-text {
        font-size: 15px;
        line-height: 24px;
    }

    .mr-80-respve-0 {
        margin-right: 0px;
    }

    .ml-80-respve-0 {
        margin-left: 0px;
    }

    .message-box {
        padding: 10px 10px;
    }

    .co-conent h3 {
        letter-spacing: initial;
        font-size: 15px;
        font-weight: 300;
    }

    .co-conent h3 span {
        letter-spacing: initial;
        font-size: 15px;
        font-weight: 300;
    }

    .travel-img {
        width: 300px;
        height: 300px;
    }

    .logo,
    .tomtoma-logo {

        width: 200px;
    }

    .header-contact-btn {
        font-size: 13px;
        padding: 11px 15px;
    }

    .en-ab-btn {
        padding: 3px;
    }

    .active-2,
    .active-2 {
        font-size: 13px;
        padding: 5px 10px;
    }

    .tomtoma-thead {
        font-size: 20px;
    }

    .brand-section h6 {
        font-size: 25px;
    }

    .connect-today-box p {
        text-align: center;
    }

    .m-v-head {
        font-size: 30px;
        line-height: 60px;
    }

    .compact-cars-head {
        font-size: 30px;
    }

    .message-box h6 {
        font-size: 30px;
    }

    .breadcrumb-item.active {
        font-size: 10px;
    }

    .breadcrumb-item a {
        font-size: 10px;
    }

    .CO-Message-box h6 {
        font-size: 25px;
    }

    .CO-Message-box p {
        font-size: 15px;
    }

    .CO-Message-box {
        padding: 10px;
    }

    .enquire-modal-form-box {
        margin: 15px 0px 0px 0px;
    }

    .viewall-btn {
        margin-top: 0px;
    }

    .connect-today-box p {
        font-size: 20px;
    }

    .contact-box h4 {
        font-size: 30px;
    }

    .contact-form-box h5 {
        font-size: 19px;
    }

    .contact-form-box h5 span {
        font-size: 19px;
    }

    .product-tab {
        margin-top: 0px;
    }
	.banner-content {
		width:%;
	}
    .footer-content-box{
	    margin-top: 10px;
    }
	.footer-content-box ul {
	    margin-top: 0px;
	}
	.why-choose-main-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;}

}

/* meadiya screen 600 end */
@media only screen and (max-width: 445px) {
	.m-container{
	   margin:0px 10px;
    }
   .logo{
	   width:100px;
   }
   .active-1 {
	   font-size:10px;
	   padding: 5px 10px;
   }
    .active-2 {
	   font-size:10px;
	   padding: 5px 10px;
   }

}

@media only screen and (max-width: 432px) {
    .product-tab {
        margin-bottom: 20px;
    }
}