@media (min-width: 376px) and (max-width: 768px) {   
	.header .menu > ul > li:hover > a::after { display: none; } 
	.menu-list .main-sec .text-sec {width: 100% !important; padding: 0;}
  .menu-list .main-sec {display: block !important;}
  .menu-list .main-sec .img-sec {width: 100% !important;}
  .menu-list .main-sec .text-sec h3 {font-size: 38px !important;}
  .menu-list .main-sec .text-sec .sub-sec .second .text2 .number {font-size: 30px !important; top: -26px !important;}
  .menu-list .main-sec .text-sec .sub-sec .second p {font-size: 16px !important; }
  .menu-list .main-sec .text-sec .sub-sec .first {display: flex;}
  .vid-sec .right h2 {font-size: 46px !important;}
  .momo-means .text-sec h4 { font-size: 27px !important;}
  .momo-means .text-sec p { font-size: 30px !important; }
  .momo-means .text-sec h3 { font-size: 45px !important; }
  .footer .footer-first-sec .quick-links ul {justify-content: start !important; padding: 0px 20px !important; gap: 15px !important;}
  .footer .footer-first-sec .quick-links ul li { display: inline-block; width: 45%; text-align: left;}
  .abt-section .text-sec h2 {font-size: 45px !important;}
  .menu-card-sec .row > div:nth-of-type(4) .menu-box-div {
    margin-bottom: 30px !important;}
  .menu-card-sec .menu-box-div { margin-bottom: 150px !important; }
  .franchise-first-sec .textsec h2 {font-size: 39px !important; }
  .why-partner-sec h2 {font-size: 36px !important; margin-bottom: 20px !important;}
  .franchise-first-sec .textsec {margin-bottom: 30px !important;}
  .why-partner-sec .part-box .textdiv p {font-size: 13px !important;}
  .why-partner-sec .part-box .textdiv h3 {font-size: 16px !important;}

  }
  







@media (min-width: 992px) {
.header .menu>ul>li.menu-item-has-children:hover .sub-menu {margin-top: 0; visibility: visible; opacity: 1;}
.header .menu>ul>li .sub-menu>ul>li { line-height: 1; } 
.header .menu>ul>li .sub-menu>ul>li>a { display: inline-block; padding: 10px 0; font-size: 15px; color: #555555; transition: color 0.3s ease; text-decoration: none; text-transform: capitalize; } 
.header .menu>ul>li .single-column-menu { min-width: 280px; max-width: 350px; } 
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li { line-height: 1; display: block; } 
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a { padding: 10px 0; display: inline-block; font-size: 15px; color: #555555; transition: color 0.3s ease; } 
.header .menu>ul>li .sub-menu.mega-menu { left: 50%; transform: translateX(-50%); } 
.header .menu>ul>li .sub-menu.mega-menu-column-4 { max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; padding: 20px 15px; } 
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item { flex: 0 0 25%; padding: 0 15px; } 
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title { font-size: 16px; color: #ea4636; font-weight: 500; line-height: 1; padding: 10px 0; } 
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title { text-align: center; } 
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img { max-width: 100%; width: 100%; vertical-align: middle; margin-top: 10px; height: 300px; object-fit: cover; } 
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover, .header .menu>ul>li .sub-menu>ul>li>a:hover, .header .item-right a:hover, .header .menu>ul>li:hover>a { color: #00749E; } 
.mobile-menu-head, .mobile-menu-trigger { display: none; } }
/*responsive*/
@media (max-width: 991px) {
.header .item-center { order: 3; flex: 0 0 100%; border: none; } 
.header .item-left, .header .item-right { flex: 0 0 30% !important; } 
.v-center { justify-content: space-between; } 
.header .mobile-menu-trigger { display: flex; height: 30px; width: 30px; margin-left: 15px; cursor: pointer; align-items: center; justify-content: center; } 
.header .mobile-menu-trigger span { display: block; height: 2px; background-color: #333333; width: 24px; position: relative; } 
.header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #333333; } 
.header .mobile-menu-trigger span:before { top: -6px; } 
.header .mobile-menu-trigger span:after { top: 6px; } 
.header .item-right { align-items: center; } 
.header .menu { position: fixed; width: 320px; background-color: #ffffff; left: 0; top: 0; height: 100%; overflow: hidden; transform: translate(-100%); transition: all 0.5s ease; z-index: 1099; } 
.header .menu.active { transform: translate(0%); } 
.header .menu>ul>li { line-height: 1; margin: 0; display: block; } 
.header .menu>ul>li>a { line-height: 50px; height: 50px; padding: 0 50px 0 15px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } 
.header .menu>ul>li>a i { position: absolute; height: 50px; width: 50px; top: 0; right: 0; text-align: center; line-height: 50px; transform: rotate(-90deg); } 
.header .menu .mobile-menu-head { display: flex; height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); justify-content: space-between; align-items: center; position: relative; z-index: 501; position: sticky; background-color: #ffffff; top: 0; } 
.header .menu .mobile-menu-head .go-back { height: 50px; width: 50px; border-right: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; line-height: 50px; text-align: center; color: #000000; font-size: 16px; display: none; } 
.header .menu .mobile-menu-head.active .go-back { display: block; } 
.header .menu .mobile-menu-head .current-menu-title { font-size: 15px; font-weight: 500; color: #000000; } 
.header .menu .mobile-menu-head .mobile-menu-close { height: 50px; width: 50px; border-left: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; line-height: 50px; text-align: center; color: #000000; font-size: 25px; } 
.header .menu .menu-main { height: 100%; overflow-x: hidden; overflow-y: auto; } 
.header .menu>ul>li .sub-menu.mega-menu, .header .menu>ul>li .sub-menu { visibility: visible; opacity: 1; position: absolute; box-shadow: none; margin: 0; padding: 15px; top: 0; left: 0; width: 100%; height: 100%; padding-top: 65px; max-width: none; min-width: auto; display: none; transform: translateX(0%); overflow-y: auto; } 
.header .menu>ul>li .sub-menu.active { display: block; }

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}

		100% {
			opacity: 1;
			transform: translateX(0%);
		}
	}

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}

		100% {
			opacity: 0;
			transform: translateX(100%);
		}
	}
  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img { margin-top: 0; } 
  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title { margin-bottom: 20px; } 
  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title { margin-bottom: 0px; } 
  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item { flex: 0 0 100%; padding: 0px; } 
  .header .menu>ul>li .sub-menu>ul>li>a, .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a { display: block; } 
  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul { margin-bottom: 15px; } 
  .menu-overlay { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 1098; visibility: hidden; opacity: 0; transition: all 0.5s ease; } 
  .menu-overlay.active { visibility: visible; opacity: 1; }

  .vid-sec .left {padding: 0px 15px;}
  .vid-sec .left p {font-size: 35px !important;}
  .vid-sec .left p span {font-size: 50px !important;}
  .vid-sec .right h2 {font-size: 42px !important;}
  .menu-list .main-sec .text-sec {width: 100% !important; padding: 0;}
  .menu-list .main-sec {display: block !important;}
  .menu-list .main-sec .img-sec {width: 100% !important;}

  .menu-list .main-sec .text-sec .sub-sec .first {display: flex;}
  .join-momo-sec .text-sec h2 {font-size: 30px !important;}
  .footer .footer-first-sec .contact-sec .first ul {justify-content: center !important;}
  .footer .footer-first-sec .contact-sec {display: block !important;}
  .footer .footer-first-sec .contact-sec .second ul {display: inline-flex !important; margin: 20px 0px !important;}
  .join-momo-sec .text-sec h4 {font-size: 18px !important;}
  .top-heaed{display: none;}
  .top-heaed2 { display: block !important;}
  .momo-means .main .imgse {display: none !important; }
  
  .momo-means .text-sec h4 { font-size: 40px !important;}
  .momo-means .text-sec p { font-size: 32px !important; }
  .momo-means .text-sec h3 { font-size: 55px !important; }
  .menu-list .main-sec .text-sec h2 {font-size: 55px !important;}
  .momo-means .text-sec {padding: 0px 0px 0px 0px !important;}
  .momo-means {padding: 15px 10px !important;}
  .top-heaed2 ul li {margin-right: 5px !important;}
  .top-heaed2 .firstdiv {gap: 5px !important; padding: 9px !important;}
  .mob-img{ margin-bottom: 30px; display: inline-block !important;}
  .menu-list .main-sec .img-sec img:nth-child(2) {display: block !important;}
  .menu-list .main-sec .img-sec img:nth-child(1){display: none !important;}

  .form-section .form-container form { grid-template-columns: 1fr !important; }
  .form-section .form-container .full-width { grid-column: span 1 !important; }

  .form-sec .form-container form { grid-template-columns: 1fr !important; }
  .form-sec .form-container .full-width { grid-column: span 1 !important; }
  
   .get-started-sec .form-container form { grid-template-columns: 1fr !important; }
  .get-started-sec .form-container .full-width { grid-column: span 1 !important; }
  
  .abt-section .text-sec h2 {font-size: 42px !important;}
  .testimonials-sec .review-sec {padding: 0px 15px;}

  .header.sticky .logo { max-width: 34% !important;}

  .vid-sec .video-wrapper video{width: 100%; height: auto !important;}
	.header .menu > ul > li:hover > a::after { display: none; } 
}