/* for 27 mac */
@media only screen and (min-width: 2000px) {
	
	
	
     
}


/* for 27 mac */
@media only screen and (max-width: 1400px) {
	
	.video_container { height: 400px; }
	.main_content { padding-top: 0px; }
    .header { padding: 0px 0px 0px 0px; } 
	.navbar-brand img { width: 50%; }
	
}

/* for fhd 1920 */
@media only screen and (min-width: 1800px) and (max-width: 1999px) {
     
}
@media only screen and (max-width: 1199px) {
	
    .navbar-expand-lg .navbar-nav .nav-link {  padding-left: 0px;  }
	.social_container svg { margin: 10px; }
	.social_container { position: relative; top: 15px; right: 0;  flex-direction: row; justify-content: center }
	.fixed-warpper {  position: relative; }
	.next-page { padding: 35px 0px; }
	.team-section { padding: 35px 7%; }
	.navbar { padding: 0px 25px; }
	.member-container { width: 225px; position: relative; margin: 2% 2%; }
	.about_bodytext { width: 80%; }
	.about-title { width: 12%; margin-top: 20px; }
	.page_title { font-size: 35px; line-height: 36px; }
	.header { padding: 15px 15px 0px 15px; }
	.main_content { padding: 15px; }
	.navbar-brand img { width: 55%; float: right;  }
	.video_desc { font-size: 20px; line-height: 25px; margin-top: 20px; padding: 15px 15%; }
	.lang_btn { position: absolute; margin-left: 70px; margin-top: 18px; }
	.video_container { height: 500px; }
	.latestvideo { margin-top: 10px; }
	.services-title-nav .nav-item { height: 120px; width: 120px; border-radius: 5%; margin-right: 10px;}
	.services-title-nav .nav-link h2 { font-size: 14px; line-height: 16px; padding-top: 0px; }
	.services-title-nav .nav-link span { font-size: 16px; line-height: 16px; padding-top: 5px; }
	.services-img { width: 28%; }
	.services-title-nav .item2 h2 { padding-top:20px; }
	.services-title-nav .item3 h2 { padding-top:7px; }
	.video-carousel { margin-bottom: 0px; }
	.services-title-nav { margin-bottom: 3px; }
	.subtitle_container .nav .nav-link { font-family: 'Gobold Bold'; font-size: 13px; line-height: 16px; height: 75%; width: 100%; }
	.subtitle_container .nav-item { width: 106px; height: 70px; }
	.subtitling-line-img svg { left: 17px; width: 75%; }
	.swiper-slide .copywritingwithimg .slide { width: 265px; height: 280px; margin-right: 15px !important; margin-bottom: 15px !important; }
	.swiper-slide a { width: 265px; height: 280px; margin-right: 15px; margin-bottom: 15px; }
	
	
	
	
	
}
 
@media only screen and (min-width: 767px) and (max-width: 991px) {
     
/*
    .page_title {  font-size: 24px; line-height: 22px; }
    .client_img {  flex-basis: calc(100% / 3); }
 	.latesttitle { margin-top: 25px; }
	.services_nav .nav-link { height: 50px; }
	.services_nav .nav-link h2 { font-size: 15px; line-height: 16px; }
	.services_nav .nav-link.active h2::after { bottom: -4px; }
	.video-carousel .video-item .videoimg {  height: 165px; }
*/
	.navbar { padding: 0px; }
	.main_content, .rtl .main_content { width: 100%; margin: 0; padding: 10px 0px 0 0; }
 	.main-navbar .active::before { right: 10%;  content: none;  }
	.main-navbar .nav-item::before { right: 10%;  content: none;}
 	.main-navbar .nav-item { margin-right: 0px; justify-content: left; width: 50%  }
 	.main-navbar .active::after { content: none; }
	.main-navbar .nav-item::after { content: none; }
	.main-navbar .nav-link { font-size: 17px; line-height: 17px; }
	.main-navbar .nav-item span {padding-left: 5px; opacity: 0;}
	.main-navbar .nav-item:hover span { opacity: 1; display: block}
	.main-navbar .active span { opacity: 1; display: block}
	.main-navbar.navbar { padding-bottom: 20px; }
	.main-navbar .navbar-toggler { padding: 0;   }
	.navbar-light .navbar-toggler-icon {  background-image: url('../images/menu.svg'); }
	.navbar-brand img { width: 40%; float: right; }
	.lang_btn { position: absolute; margin-left: 100px; margin-top: 14px; }
	.header { padding: 10px 0px 0px 0px; }
	.language-brand {order: 2;}
	.navbar-collapse { order: 3; }
	.video_desc { font-size: 18px; line-height: 22px; margin-top: 10px; padding: 15px 15%; }
	.latestvideo { flex-wrap: wrap; margin-top: 0px; padding: 0px 15px; margin-left:1% }
	.videoimg { height: 180px; }
	.latestvideocontainer { width: 31%;   }
	.videoplay { top: 50%; left: 50%;}
	.videoplay img { width: 80% !important; }
	 #videoControls { bottom: 6%; right: 5%; }
	 footer {margin-top: 50px !important }
	.footer_container { word-spacing: -1px; font-size: 13px; line-height: 14px; }
	.mad-logo img { width: 50%; margin-top: 5px; }
	.footer_container { word-spacing: -1px;  font-size: 13px;  line-height: 18px;  text-align: center;  flex-direction: column;  align-items: center; margin-top: 15px }
	.videoprod_video_container { height: 450px; }
	.services-margin { margin-top: 450px; }
}


@media only screen and (max-width: 767px) {
	
	.navbar { padding: 0px; }
	.main_content, .rtl .main_content { width: 100%; margin: 0; padding: 10px 0px 0 0; }
 	.main-navbar .active::before { right: 10%;  content: none;  }
	.main-navbar .nav-item::before { right: 10%;  content: none;}
 	.main-navbar .nav-item { margin-right: 0px; justify-content: left; width: 50%  }
 	.main-navbar .active::after { content: none; }
	.main-navbar .nav-item::after { content: none; }
	.main-navbar .nav-link { font-size: 17px; line-height: 17px; }
	.main-navbar .nav-item span {padding-left: 5px; opacity: 0;}
	.main-navbar .nav-item:hover span { opacity: 1; display: block}
	.main-navbar .active span { opacity: 1; display: block}
	.main-navbar.navbar { padding-bottom: 20px; }
	.main-navbar .navbar-toggler { padding: 0;   }
	.navbar-light .navbar-toggler-icon {  background-image: url('../images/menu.svg'); }
	.navbar-brand img { width: 40%; float: right; }
	.lang_btn { position: absolute; margin-left: 100px; margin-top: 14px; }
	.header { padding: 10px 0px 0px 0px; }
	.language-brand {order: 2;}
	.navbar-collapse { order: 3; }
	.video_desc { font-size: 16px; line-height: 20px; margin-top: 10px; padding: 15px 50px; }
	.latestvideo { flex-wrap: wrap; margin-top: 0px; padding: 0px 15px; }
	.videoimg { height: 160px; }
	.latestvideocontainer { width: 45%;  margin: auto; }
	.videoplay { top: 50%; left: 50%;}
	.videoplay img { width: 80% !important; }
	 #videoControls { bottom: 6%; right: 5%; }
	 footer {margin-top: 50px !important }
	.footer_container { word-spacing: -1px; font-size: 13px; line-height: 14px; }
	.mad-logo img { width: 50%; margin-top: 5px; }
	.footer_container { word-spacing: -1px;  font-size: 13px;  line-height: 18px;  text-align: center;  flex-direction: column;  align-items: center; margin-top: 15px }
	.languages_list { justify-content: center; }
	.languages_list .language_item { margin-top: 10px; margin-right: 10px; }
	.swiper-slide a { width: 340px; height: 330px;  }
    .swiper-slide .copywritingwithimg .slide {  width: 340px;  height: 330px;   }
	.copywritingwithimg{ margin-top: 20px}
	.page_title {  font-size: 32px;  line-height: 34px; }
	.about_bodytext {  line-height: 20px;  font-size: 15px;  margin-top: 5px;  width: 100%; }
 	.about-title {  width: 100%;  margin-top: 10px; }
 	.about-top {  display: flex;  flex-wrap: wrap; }
	.our { display: contents; }
 	.page_title span {display: inline-block !important;}
	.services-title-nav { margin-bottom: 3px; flex-wrap: wrap; }
	.services-title-nav .nav {  align-items: flex-end;  flex-wrap: nowrap;  flex-direction: row; } 
	.videoprod_video_container { height: 450px; }
	.services-margin { margin-top: 450px; }
	
}
@media only screen and (max-width: 575px) {
 
	.navbar { padding: 0px; }
	.main_content, .rtl .main_content { width: 100%; margin: 0; padding: 10px 0px 0 0; }
 	.main-navbar .active::before { right: 10%;  content: none;  }
	.main-navbar .nav-item::before { right: 10%;  content: none;}
 	.main-navbar .nav-item { margin-right: 0px; justify-content: left; width: 50%  }
 	.main-navbar .active::after { content: none; }
	.main-navbar .nav-item::after { content: none; }
	.main-navbar .nav-link { font-size: 17px; line-height: 17px; }
	.main-navbar .nav-item span {padding-left: 5px; opacity: 0;}
	.main-navbar .nav-item:hover span { opacity: 1; display: block}
	.main-navbar .active span { opacity: 1; display: block}
	.main-navbar.navbar { padding-bottom: 20px; }
	.main-navbar .navbar-toggler { padding: 0;   }
	.navbar-light .navbar-toggler-icon {  background-image: url('../images/menu.svg'); }
	.video_desc { font-size: 13px; line-height: 18px; margin-top: 10px; padding: 15px 27px; }
	.latestvideo { flex-wrap: wrap; margin-top: 0px; padding: 0px 15px; }
	.videoimg { height: 160px; }
	.latesttitle { font-size: 16px; letter-spacing: 0px; line-height: 16px; margin-top: 10px; }
	.latestvideo_desc { font-size: 14px; line-height: 14px; margin-top: 0px; }
	.navbar-brand img { width: 35%; float: right; }
	.lang_btn { position: absolute; margin-left: 120px; margin-top: 14px; }
	.header { padding: 10px 0px 0px 0px; }
	.video_container { max-height: 300px; }
	.next-page { padding: 20px 0px; }
	.social_container {  margin-top: 20px;   }
	.fixed-warpper { padding-bottom: 15px; }
	.language-brand {order: 2;}
	.navbar-collapse { order: 3; }
	.our { display: contents; }
	.map iframe {height: 250px}
	.page_title span {display: inline-block !important;}
	.contact-container { margin-bottom: 40px; margin-top: 5px; }
	h1.contact_item { font-size: 24px; line-height: 18px; margin-top: 25px; margin-bottom: 10px; }
	.contact_item { font-size: 15px; margin: 5px 0px 0px 30px; }
	.about_bodytext {  line-height: 20px;  font-size: 15px;  margin-top: 5px;  width: 100%; }
 	.about-title {  width: 100%;  margin-top: 10px; }
 	.about-top {  display: flex;  flex-wrap: wrap; }
	.team-section { padding: 5px; justify-content: space-between; align-items: center; }
	.member-container { width: 140px; position: relative; margin: 0px; height: 215px; }
	.member-container .line-img svg {  top: 25px;  left: 6px; }
	.member-container .JZyxytcu_1, .JZyxytcu_2 {  opacity: 1; transition: 0ms; }
	.team-member_name {  margin-bottom: 0px;  line-height: 16px;  font-size: 16px; }
	.team-member_title {  font-size: 13px;  line-height: 14px; }
	.client_img { padding: 0 15px; margin: 7px 0; flex-basis: calc(100% / 3); }
	.services-title-nav { margin-bottom: 3px; flex-wrap: wrap; }
	.services-title-nav .nav {  align-items: flex-end;  flex-wrap: nowrap;  flex-direction: row; }
	.services-title-nav .nav-item {  height: 90px;  width: 80px;  border-radius: 0;  margin-right: 7px; }
	.services-img { width: 28%; }
	.services-title-nav .nav-link span { font-size: 13px; line-height: 12px; padding-top: 9px; }
	.services-title-nav .nav-link h2 {  font-size: 10px;  line-height: 10px;  padding-top: 1px; padding-right: 7px }
	.services-title-nav .item2 h2 {padding-top: 19px; padding-right: 0px}
	.services-title-nav .item3 h2 {padding-top: 10px; }
	.services-margin { margin-top: 330px; }
	.services_subcategory_desc { font-size: 16px; line-height: 22px; padding: 50px 0px 15px 0px; }
	.video-carousel .video-item .videoimg { height: 150px; width: 107%; margin-left: 0px }
	.video-carousel {  margin: 0 0 0 0px;}
    .subtitle_container .line-img svg { top: -12px; left: 12px; width: 73%; }
	.services_nav .nav-item { width: 20%; margin: 0px; height: 30px; margin-top: 32px; }
	.subtitle_container .nav {  align-items: flex-end; margin-top: 0px; padding-bottom: 20px; }
	.copywring_container h2 { font-size: 32px; line-height: 32px; }
	.copywring_container p.first { font-size: 13px; line-height: 18px; }
	.copywriting_list li { font-size: 18px; line-height: 20px; }
	.copywring_container p.second { font-size: 16px; line-height: 19px; }

	.services_nav .nav-item:last-child { margin: 0px 0px 0px 0px; }
	.subtitle_container .nav .nav-link {  height: 55%; font-size: 11px; line-height: 12px;}
	.subtitle_img_container  { width: 100%; height: 215px; margin-bottom: 5px; overflow: hidden; margin-top: 15px; }
 	.subtitling_subcategory_desc { font-size: 16px; line-height: 22px; padding: 15px 0; }
 	.topsubs_film_content ul {  padding-left: 15px;  font-size: 16px;  line-height: 20px; }
	.topsubs_film-container {  position: relative;  margin-top: 5px;  margin-bottom: 0px; }
	.latestvideocontainer { width: 85%;  margin: auto; }
	.videoplay { top: 37%; left: 55%;}
	.videoplay img { width: 80% !important; }
	.owl-dots {  justify-content: start; }
	.video-item h3 {  font-size: 15px;  line-height: 18px;  padding-left: 5%; }
	.owl-carousel-video { margin: auto; padding: 0px 40px; }
	.video-carousel .owl-prev img {  width: 25px;  margin-right: 15px;  top: 33%; }
	.video-carousel .owl-next img {   width: 25px; top: 33%; }
	.footer_container { word-spacing: -1px; font-size: 12px; line-height: 13px; }
	.mad-logo img { width: 50%; margin-top: 5px; }
	footer {margin-top: 70px !important }
 	#videoControls { bottom: 6%; right: 5%; }
	.languages_list { justify-content: center; }
	.languages_list .language_item { margin-top: 10px; margin-right: 10px; }
	.swiper-slide a { width: 200px; height: 210px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #000; }
    .swiper-slide .copywritingwithimg .slide {  width: 200px;  height: 210px;  margin-right: 10px !important;  margin-bottom: 10px !important;  border: solid 1px #000; }
	.copywritingwithimg{ margin-top: 20px}

	.owl-dot {
 		font-size: 13px;
		line-height: 25px;
		margin-right: 10px;
 	}

	 .owl-dots {
 		top: -60px;
 	}
}



@media only screen and (max-width: 375px) {
	.navbar { padding: 0px; }
	.main_content, .rtl .main_content { width: 100%; margin: 0; padding: 10px 0px 0 0; }
 	.main-navbar .active::before { right: 10%;  content: none;  }
	.main-navbar .nav-item::before { right: 10%;  content: none;}
 	.main-navbar .nav-item { margin-right: 0px; justify-content: left; width: 50%  }
 	.main-navbar .active::after { content: none; }
	.main-navbar .nav-item::after { content: none; }
	.main-navbar .nav-link { font-size: 17px; line-height: 17px; }
	.main-navbar .nav-item span {padding-left: 5px; opacity: 0;}
	.main-navbar .nav-item:hover span { opacity: 1; display: block}
	.main-navbar .active span { opacity: 1; display: block}
	.main-navbar.navbar { padding-bottom: 20px; }
	.main-navbar .navbar-toggler { padding: 0;   }
	.navbar-light .navbar-toggler-icon {  background-image: url('../images/menu.svg'); }
	.video_desc { font-size: 13px; line-height: 18px; margin-top: 10px; padding: 15px 27px; }
	.latestvideo { flex-wrap: wrap; margin-top: 0px; padding: 0px 15px; }
	.videoimg { height: 160px; }
	.latesttitle { font-size: 16px; letter-spacing: 0px; line-height: 16px; margin-top: 10px; }
	.latestvideo_desc { font-size: 14px; line-height: 14px; margin-top: 0px; }
	.navbar-brand img { width: 35%; float: right; }
	.lang_btn { position: absolute; margin-left: 120px; margin-top: 14px; }
	.header { padding: 10px 0px 0px 0px; }
	.video_container { max-height: 300px; }
	.next-page { padding: 20px 0px; }
	.social_container {  margin-top: 20px;   }
	.fixed-warpper { padding-bottom: 15px; }
	.language-brand {order: 2;}
	.navbar-collapse { order: 3; }
	.our { display: contents; }
	.map iframe {height: 250px}
	.page_title span {display: inline-block !important;}
	.contact-container { margin-bottom: 40px; margin-top: 5px; }
	h1.contact_item { font-size: 24px; line-height: 18px; margin-top: 25px; margin-bottom: 10px; }
	.contact_item { font-size: 15px; margin: 5px 0px 0px 30px; }
	.about_bodytext {  line-height: 20px;  font-size: 15px;  margin-top: 5px;  width: 100%; }
 	.about-title {  width: 100%;  margin-top: 10px; }
 	.about-top {  display: flex;  flex-wrap: wrap; }
	.team-section { padding: 5px; justify-content: space-between; align-items: center; }
	.member-container { width: 140px; position: relative; margin: 0px; height: 215px; }
	.member-container .line-img svg {  top: 39px;  left: 6px; }
	.member-container .JZyxytcu_1, .JZyxytcu_2 {  opacity: 1; transition: 0ms; }
	.team-member_name {  margin-bottom: 0px;  line-height: 16px;  font-size: 16px; }
	.team-member_title {  font-size: 13px;  line-height: 14px; }
	.client_img { padding: 0 15px; margin: 7px 0; flex-basis: calc(100% / 2); }
	.services-title-nav { margin-bottom: 3px; flex-wrap: wrap; }
	.services-title-nav .nav {  align-items: flex-end;  flex-wrap: nowrap;  flex-direction: row; }
	.services-title-nav .nav-item {  height: 90px;  width: 80px;  border-radius: 0;  margin-right: 7px; }
	.services-img { width: 28%; }
	.services-title-nav .nav-link span { font-size: 13px; line-height: 12px; padding-top: 9px; }
	.services-title-nav .nav-link h2 {  font-size: 10px;  line-height: 10px;  padding-top: 1px; padding-right: 7px }
	.services-title-nav .item2 h2 {padding-top: 19px; padding-right: 0px}
	.services-title-nav .item3 h2 {padding-top: 10px; }
	.services-margin { margin-top: 330px; }
	.services_subcategory_desc { font-size: 16px; line-height: 22px; padding: 50px 0px 15px 0px; }
	.video-carousel .video-item .videoimg { height: 150px; width: 107%; margin-left: 0px }
	.video-carousel {  margin: 0 0 0 0px;}
    .subtitle_container .line-img svg { top: -16px; left: 14px; width: 80%; }
	.services_nav .nav-item { width: 23%; margin: 0px; height: 39px; margin-top: 20px; }
	.subtitle_container .nav {  align-items: flex-end; margin-top: 30px }
	.services_nav .nav-item:last-child { margin: 0px 0px 0px 0px; }
	.subtitle_container .nav .nav-link {  height: 55%; font-size: 11px; line-height: 12px;}
	.subtitle_img_container  { width: 100%; height: 215px; margin-bottom: 5px; overflow: hidden; margin-top: 15px; }
 	.subtitling_subcategory_desc { font-size: 16px; line-height: 22px; padding: 15px 0; }
 	.topsubs_film_content ul {  padding-left: 15px;  font-size: 16px;  line-height: 20px; }
	.topsubs_film-container {  position: relative;  margin-top: 5px;  margin-bottom: 0px; }
	.latestvideocontainer { width: 85%;  margin: auto; }
	.videoplay { top: 37%; left: 55%;}
	.videoplay img { width: 80% !important; }
	.owl-dots {  justify-content: start; }
	.video-item h3 {  font-size: 15px;  line-height: 18px;  padding-left: 5%; }
	.owl-carousel-video { margin: auto; padding: 0px 40px; }
	.video-carousel .owl-prev img {  width: 25px;  margin-right: 15px;  top: 33%; }
	.video-carousel .owl-next img {   width: 25px; top: 33%; }
	.footer_container { word-spacing: -1px; font-size: 12px; line-height: 13px; }
	.mad-logo img { width: 50%; margin-top: 5px; }
	footer {margin-top: 70px !important }
 	#videoControls { bottom: 6%; right: 5%; }
	.swiper-slide a { width: 160px; height: 190px;   }
    .swiper-slide .copywritingwithimg .slide {  width: 160px;  height: 190px;   }
	.copywritingwithimg{ margin-top: 45px}
 	
}