@media (max-width: 1700px) {
.slider h2 { font-size: 42px;}
}

@media (max-width: 1600px) {
  .nav-menu > li > a { padding: 0px 10px;}
  .nav-menu > li > a { padding: 0px 18px;}
  .title h2 { font-size: 60px; line-height: 80px;}
  .our_adv_sec .zig_desc { padding-top: 0;}


  .slider h2 { font-size: 38px;}
  
}

@media (max-width : 1500px) {
  .slider h2 { font-size: 34px;}
  .slider h2 span.slide_small { font-size: 22px;}
  .slider_content_box { margin: 5% auto;}
  .banner {height: 900px;}
  .slider h2 { font-size: 28px;}
  .slider_content_box { max-width: 38%;}.slider h1 { font-size: 60px; line-height: 60px;}
  .film_cycle_img{text-align: center;}
  .film_cycle_img img{width: 100%;;}

  .title h2 .first, .title h2 .second{font-size: 65px !important; line-height: 65px;}
  .documentary_sec .title h2 .second { top: -45px;}

}


@media (max-width : 1366px) {
  .header_area{top: 0;}
  .nav-header .logo img { width: 100px;}
  .nav-menu > li > a { padding: 0px 10px;}

  #carouselExamplee{width: 80%; margin: 0 auto;}
  .top_right ul.top_adm li { margin-right: 5px; padding-right: 5px;}


  .carousel-item h1 { font-size: 50px; line-height: 60px;}
  .carousel-caption .caption_box {  margin: 0 0 0 14%;}
  .carousel-item h3 { font-size: 35px; line-height: 45px;}

  .slider.inner_banner .carousel-caption  .caption_box {  margin: 0 0 0 0%;}
  .slider .carousel-caption { right: 0%; left: 0%;}

  /* .title h2 { font-size: 35px; line-height: 40px;} */
  .home_sec2 .carousel-caption { left: 5%;}

 

  .nav-menu > li > a { font-size: 16px;}
  .nav-right {margin: 10px 0 0 0;}

  .slider_content {padding: 14% 0 0 0%;}
  .slider_row { background-size: 23% auto, 26% auto;}
  .slider_content_box { margin: 2% auto 0;}
  .banner {height: 650px;}
  .slider_content_box { max-width: 70%;}
  .slider p { font-size: 17px; line-height: 26px;}
  .slider_social ul { padding: 25px 0 0 0;}

  /* .film_cycle{ max-width: 1100px; max-height: 1100px; height: 1050px; width: 100%;} */
  .film_cycle p { font-size: 25px; line-height: 35px;}
  .film_cycle .film_text2 { left: 80%; top: 28%;}
  .film_cycle .film_text3 { left: 64%; top: 75%;}
  .film_cycle .film_text4 { left: 10%; top: 75%;}
  .film_cycle .film_text5 { left: 0; top: 30%;}

  .edcn_list { padding: 0 0 140px 14%;}
  .title h2 .second { top: -40px;}

   /* --new nav-- */
   .header_area{padding-top: 25px;}
   .mainnav{padding-top: 5px;}
   .mainnav ul li { padding: 0 13px;}
   .header_area.sticky .mainnav{padding-top: 0px; margin-top: 0;}

   
  
}

@media (max-width : 1192px) {
  .nav-right { width: 84%;}
  .nav-right {  margin: 0px 0 0 0;}
  .top_phone { font-size: 18px;}
  /* .nav-menu > li > a { font-size: 14px;} */
  .nav-header { width: 15%;}
  .slider_content_box { max-width: 54%;}

  .film_cycle{ max-width:900px; max-height: 900px; width: 100%;}
  .film_cycle p{font-size: 20px; line-height: 30px; }
  .film_cycle .film_text2 { left: 80%; top: 28%;}
  .film_cycle .film_text3 { left: 64%; top: 70%;}
  .film_cycle .film_text4 { left: 10%; top: 72%;}
  .film_cycle .film_text5 { left: 0; top: 29%;}

  /* --new menu-- */
  .mainnav ul li { padding: 0 10px;}
  .mainnav ul li a{font-size: 17px;}



}

@media (max-width : 1100px) {
  .nav-menu > li > a { padding: 0px 5px;}
  #carouselExamplee .carousel-control-next, #carouselExamplee .carousel-control-prev { width: auto;}
  h3 { font-size: 25px;}
  .title h2 { font-size: 60px; line-height: 60px;}
  /* .nav-menu > li > a { padding: 0px 8px; font-size: 12px;} */




}


@media (max-width : 991px) {
  .nav-header .logo img { width: 92px;}
  .header_area { top: 0;}

  .navigation-portrait .nav-toggle { background: #000; border-radius: 3px;}
  .nav-header { margin: 8px auto 0 }
  .top_right { justify-content: center; align-items: center;}

  .nav-right{float: none; width: 100%;}
  .search-container { margin: 0px 0px 0 0;position: absolute;}
  /* .header_area.sticky .nav-toggle { top: 15px;} */
  .header_area.sticky .navigation{margin: 0;}
  .header_area.sticky .search-container { top: 35px;}
  .header_area.sticky .nav-toggle { top: 58px;}
  .nav-toggle:before { background-color: #000; box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;}
  .header_area.sticky .nav-toggle:before { background-color: #fff; box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;}
  .search-container {right: 55px; top: 40px;}

  .nav-toggle{right: 15px; padding: 0; top: 62px;}
  .nav-toggle:before{width: 30px;}
  .nav-header { margin: 8px auto 0px;}
  
  .nav-toggle, .nav-toggle:before { width: 25px;}
  .navigation-portrait .nav-toggle { background: transparent; border-radius: 3px;}
  .nav-toggle:before {  background-color: #fff; box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff; }
  .header_area.inner_header .nav-toggle:before { background-color: transparent; box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;}
  .nav-menu > li > a { font-size: 15px;}
  .top_btn a { font-size: 15px; padding: 10px 20px;} 
  .nav-menu { margin: 0px 0 0 0;}
 

  .slider_row { background-size: 23% auto, 23% auto;}
  .banner { height: 500px;}

  .carousel-caption .caption_box { margin: 75px 0 0 4%;}
  img.slide_img { height: 485px;}
  .carousel-caption { top: 5%;}
  .carousel-caption .caption_box { width: 90%;}
  .carousel-item h1 { font-size: 40px;  line-height:50px;}
  .carousel-item h3 {  font-size: 20px;}
  .carousel-caption p { font-size: 20px; line-height: 30px;}
   
  .carousel-caption p { padding-bottom: 5px;}

  .nav-header { width: auto;}
  .nav-brand{padding: 0;}
  .ftr_left { width: 100%;}
  .copyright{display: block; margin-top: 0;}
  
  .header_area.sticky{padding-bottom: 10px;}
  .btn-primary, .btn-secondary{padding: 15px 15px;}
  .slider .carousel-caption { left: 0; right: 0; width: 100%; height: 100%; display: flex !important; align-items: center; justify-content: center; top: 0;}
 
  .title p {font-size: 18px;line-height: 32px;}
  .title h3 { font-size: 35px; line-height: 50px;}

  .slider_content_box { max-width: 63%; margin: 3% auto 0;}
  .slider h1 {  font-size: 50px; line-height: 50px; padding: 15px 0;}
  .slider h2 { font-size: 22px;}
  .slider h3 { font-size: 20px; line-height: 24px;}


  .slider.inner_slider .carousel-item h1 { font-size: 55px;line-height: 55px;}
  .ftr_content ul li a { font-size: 15px;}
  
  /* .film_cycle{ max-width:720px; max-height: 720px; height: 672px; width: 100%;} */
  .film_cycle p{font-size: 18px; line-height: 25px; }
  .film_cycle .film_text2 { left: 80%; top: 28%;}
  .film_cycle .film_text3 { left: 64%; top:72%;}
  .film_cycle .film_text4 { left: 10%; top: 72%;}
  .film_cycle .film_text5 { left: 0; top: 29%;}

  .edcn_list { padding: 0 0; width: 80%; margin: 0 auto;}

   section{padding:100px 0 40px;} 


   /*menu css*/

   .nav-right { float: right; width: auto;}
   .header_area { padding-top: 10px;}
   .nav-right { margin: 42px 0 0 0;}
        
.mainnav{ justify-content: flex-end;}
          
.menu-button{margin: 0; outline: none !important;background:url(../img/mb_menu.png) no-repeat;height:32px;width:40px;display:block;border:none;cursor:pointer;margin: 0;float:right;border-radius: 2px;position: relative;right: 0px; z-index:999;top: 0;}
.menu-button.open{background:url(../img/mb_menu.png) no-repeat}
    
    
.header_right {position: relative;float: none;}  
.right_header {padding: 20px 0px 0px;}
    
.mobile_primary{display:none;background:#024da1 ;position:absolute;right:28px ;width:300px;top:82px;z-index:999999;}
.mobile_primary ul{list-style:none;margin:0;padding:0}
.mobile_primary li{ /*border-bottom:1px solid #fff;*/display:block;position:relative;padding:0;background:none; float:none;}
.mobile_primary li:first-child{border-top:none}
.mobile_primary .sub-menu{display:none}
    
.mobile_primary .sub-menu li:first-child{border-top:1px solid #fff}
.mobile_primary li ul.sub-menu li a{padding:10px 20px; line-height:30px; color: #fff !important;}
.mobile_primary .sub-menu .sub-menu a{padding:15px 0 15px 50px}
.mobile_primary .sub-menu--button{background:#0b5cb7 url(../img/submenu.png) no-repeat center;cursor:pointer;display:inline-block;height:46px;position:absolute;right:0;top:0;width:46px;z-index:9999999999999; border-right:1px solid #0b5cb7; border-top:1px solid #0b5cb7;}
.mobile_primary .sub-menu--button.open{background:#0b5cb7 url(../img/submenu_h.png) no-repeat center;}
.mobile_primary .sub-menu li { display:block}
.mobile_primary li:hover>.sub-menu { top:0}
.page-header__primary{display:none}
.mobile_primary li:hover .sub-menu {display:none; position:relative}
.mobile_primary .sub-menu { position:relative; top:0; width:auto;    padding: 0 0 0 15px; border-color:#0b5cb7; background-color:#0b5cb7;  }
.mobile_primary li.dropdown a:after { background:none; }
.mobile_primary  ul li:hover .sub-menu { display:none}
.mobile_primary ul li ul.sub-menu li {padding: 5px 0;}
.mobile_primary ul li ul.sub-menu li {padding: 0; border-color: #0b5cb7;}
    
.mainnav ul li {padding: 0px 0px 0px 0;float: none;display: block;    text-align: left;}    
.mainnav ul li a{ padding:5px 0 0 10px; color: #fff;}
.mainnav ul li a:hover, .mainnav ul li.active a {border-radius: 0; color: #fff ;}
.sub-menu::before { display: none !important;}
.sub-menu::after {display: none;}
.sub-menu {background: #231f20;}
.mobile_primary .sub-menu li:first-child {border-top: none;}
    
    
.mobile_primary ul li.menu-item-has-children:hover a {color:#fff;background: #0b5cb7;}
.mobile_primary  ul li.menu-item-has-children .sub-menu li a:hover, .mobile_primary  ul li.menu-item-has-children.active a {color:#fff;}
.mainnav ul li:last-child{padding:0 0 15px 15px;}
.mainnav ul li.buy-btn{width: fit-content; margin-top: 10px;}
.header_area.sticky .nav-right { margin-top: 35px;}
  
}




@media (max-width : 767px) {
  .nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {font-weight: 500;}
  .nav-header{float: left;}
  .header_area {top: 0px;}
  .sticky.header_area { top: 0;}
  .navigation-portrait .nav-brand { width: 180px;}
  .nav-toggle {top: 45px;}
  .search-container { top: 23px;}
  .header_area.sticky .search-container { top: 22px;}
  .header_area.sticky .nav-toggle {top: 47px;}

  .header_area .nav-header .logo img, .header_area.sticky .nav-header .logo img { width: 60px;}

  .banner { height: 425px;}
  .slider_content_box { max-width: 60%; margin: 10% auto 0;}
  .slider h1 {  font-size: 35px; line-height: 35px; padding: 0;}
  .slider h2 { font-size: 18px; line-height: 25px;}
  .slider h2 span.slide_small { font-size: 16px;}
  .slider h3 { font-size: 18px; line-height: 20px;}
  .slider p { font-size: 15px; line-height: 20px;}
  .slider_social ul li a .fa { font-size: 20px; line-height: 20px;}
  .slider_social img { width: 20px;}
  .slider_social ul li { margin: 0 5px;}
  .slider_social ul { padding: 5px 0 0 0;}


  
  .slider .carousel-caption { left: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
    top: 0;}

  img.slide_img:before{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 12; background: rgba(255, 255, 255, 0.418);}

  .carousel-caption { top: 20%; width: 100%; left: 0; right: 0;}
  .carousel-item h1 { font-size: 26px; line-height: 45px;}
  .carousel-caption p { display: none; font-size: 17px; line-height: 25px;}
  .carousel-control-next-icon, .carousel-control-prev-icon { width: 25px; height: 25px;}
  img.slide_img { height: 350px; }

  
  .rcs a.btn_1 { padding: 10px 12px; font-size: 13px;}

  .carousel-caption .caption_box { width: 100%; text-align: center;}
  .carousel-item h3 { font-size: 20px; line-height: 30px;}
  .carousel-item h1 { font-size: 30px;line-height: 40px; margin-bottom: 0px; padding: 0;}
  .carousel-item h1 br{display: none;}

  .carousel-caption .caption_box { margin: 40px 0 0 0%;}

  .ftr_logo img { width: auto;}
  .footer_bottom {  padding: 5px 0 30px; }
  .carousel-caption .caption_box a.btn_1{margin: 30px auto 0 0;}
  .copyright_right ul{flex-wrap: wrap;}
  .home_sec2 .title h2 { font-size: 30px; line-height: 40px;}
  .footer_sec {padding-top: 50px; padding-bottom: 0px;} 

  .footer_bottom .col1 { width: 27%; padding: 0 2% 0;}
  .footer_bottom .col3 { width: 100%; padding: 0;}
  ul.ftr_social { display: flex; justify-content: center;}
  .footer_bottom .col3{text-align: center;}


  .title h2 { font-size: 45px; line-height: 40px;}

  #carouselExamplee { width: 100%;}
  #carouselExamplee .carousel-control-next, #carouselExamplee .carousel-control-prev { width: auto;}
 
  #carouselExamplee .carousel-control-next img, #carouselExamplee .carousel-control-prev img{width: 20px;}
  .inner_banner .carousel-caption .caption_box h1 { font-size: 40px; line-height: 50px;}
  .carousel-caption .caption_box a.btn_1 {padding: 15px 25px;}

  .adrs_box{margin-bottom: 35px;}
  ul.top_adm{display: none;}
  
  .breadcrumb a, .breadcrumb li { font-size: 16px; font-weight: 600;}

  /* .film_cycle{ max-width:540px; max-height: 540px; height: 500px; width: 100%;} */
  .film_cycle p{font-size: 17px; line-height: 22px; }
  .film_cycle .film_text2 { left:74%; top: 28%;}
  .film_cycle .film_text3 { left: 57%; top: 70%;}
  .film_cycle .film_text4 { left: 10%; top: 69%;}
  .film_cycle .film_text5 { left: 0; top: 29%;}


  .roadmap_content .single-box-top .date-area{ padding-top: 30px;}
  .roadmap_content .single-box-top .rm_content { padding-top: 30px;}
  .roadmap_content .container {  padding: 0 0 0 50px;}
  .roadmap_content .date-area>span{left: 0; transform: translate(30%, 13%); width: 90px; height: 90px; font-size: 40px;} 
  .rm_content, .box-right .rm_content { padding-left: 35px;}

  .date-area.date_area_mid { padding-top: 0;}
  .date-area.date_area_top { padding-top: 0px;}
  .date-area.date_area_bottom { padding-top: 0;}
  .roadmap_content .content, .roadmap_content .custom { margin-top: 0px;}
.single-box.box-right .content{margin: 0;}




.roadmap_content  .box-right .content {order: 3;padding-right: 10px;border-radius: 25px;}
.roadmap_content .box-right .custom {order: 1;}
.roadmap_content .custom {display: none; width: 0;}
.roadmap_content .date-area{order:1 !important}
.roadmap_content .single-box .custom{order:3}
.roadmap_content .box-right .content {order: 3;padding-right: 10px;border-radius: 25px;}
.roadmap_content .box-right .custom {order: 1;}
.roadmap_content .content, .roadmap_content .custom { width: 100% !important;}

.faq_icon img{width: 45px;}
.faq_icon { margin: 25px 0 0 -20px;}
.faq_box p { font-size: 17px; line-height: 30px;}

.title h2 .first, .title h2 .second{font-size: 50px !important; line-height: 50px;}
.documentary_sec .title h2 .second { top: -36px;font-size: 50px !important; }
.title h2 .second { top: -40px;}
.title { margin-bottom: 25px;} 
.title h2{padding: 0;}
.film_cycle_img { margin: 0 0 42px;}
.font_25 { font-size: 18px !important;line-height: 32px !important;}
.img_box.documentary_img1{margin-bottom: 30px;}
.art_img_box { margin: 0 auto 30px;}
.story_sec .title p { font-size: 16px; line-height: 28px;}
.h3 { font-size: 25px; margin: 0 0 15px;}
p { font-size: 17px; line-height: 28px;}
.rm_content ul li { padding: 0 0 8px 30px; font-size: 17px; line-height: 28px; background-size: 20px;}
.team_sec .col1 { max-width: 28%; margin: 0 15px 30px;}

.documentary_sec p.font_36 { font-size: 25px; line-height: 30px;}
.documentary_sec p.font_30 {font-size: 20px;line-height: 28px;}

/* --new nav-- */
.nav-right { margin: 20px 0 0 0;}
.header_area.sticky .nav-right { margin-top: 24px;}
.mobile_primary{top: 65px;}
.faq_desc { padding: 25px 15px 6px 14px;}
.faq_desc h3 { font-size: 22px;}
}



@media (max-width : 575px) {

  .nav-header { margin: -5px auto 0px;}
  .search-container { right: 55px; top: 0;}
  .nav-brand.logo img { width: 100%;}
  .header_area.sticky .nav-toggle { top: 32px;}
  .search-container { top: 14px;}

  /* .slider_row { background-size: 75% auto, 75% auto; background-position: center top, left bottom; position: relative;} */
  .banner { height: 350px;}
  .slider_row_mob{display: none;}
  .slider_row{display: block;}
  .slider_content_box { max-width: 72%;}
  .slider h1 { font-size: 28px; line-height: 28px; padding: 0;}
  /* .slider_mob_img img{width: 60%; margin: 0 auto; border: 3px solid #fff; border-radius: 4px; padding: 15px 15px 0px;}
  .slider_content_box { max-width: 100%; margin: 15px 0;}
  .slider_row_mob .slider_content { padding: 20% 0 30px 0%;} */



  .carousel-caption .caption_box a.btn_1 span { margin-left: 15px;}

  .nav-brand.logo img { width: 65%;}
  .header_area.sticky .nav-toggle { top: 15px;}
  .nav-toggle { top: 28px;}
  .nav-toggle:before {top: 10px;}

  .header_area.sticky .navigation { margin: 15px 0;}
  .header_area.sticky .search-container { top: 14px;}
  .header_area.sticky .nav-toggle { top: 27px;}
  .header_area.sticky { padding-bottom: 0px;}


  .carousel-item h1 br{display: none;}
  .carousel-item h1 { font-size: 25px; line-height: 35px; margin: 0;}
  .carousel-item h3 { font-size: 18px; line-height: 30px;}
  .carousel-caption .caption_box { width: 100%; text-align: center;}
  .carousel-caption .caption_box a.btn_1 { padding: 15px 30px;font-size: 20px; margin-top: 30px;}
      
  .btn-primary, .btn-secondary{padding: 17px 25px;}

  .ftr_content ul li { padding: 0px 0;}
  .copyright{padding:0; font-size: 16px;}

  .footer_sec { padding-top: 25px;}
  .copyright_right ul li { width: 12%;}
  .copyright_right ul li img{ width: 100%;}



  .title h4 { font-size: 15px;}

  .carousel-item h1{padding-bottom: 0;}


  .footer_bottom .col2, .footer_bottom .col3 { width: 50%;}
  .footer_bottom .col4 {  width: 98%; padding-left: 15px;}
  .footer_bottom .col3 { width: 45%; padding: 0; text-align: left;}
  .footer_bottom .col1 { width: 100%;}
  .ftr_logo { margin-bottom: 0px; text-align: center;}
  ul.ftr_social li { margin: 0 5px 0 0;}
  ul.ftr_social { justify-content: left;}
  
  .inner_banner .carousel-caption .caption_box h1 { font-size: 34px; line-height: 42px;}
 

  /* .film_cycle{ background: url(../img/cyclic_arrow_mob.png) center top no-repeat;} */
  /* .film_cycle{ max-width: 540px; max-height: 540px; height: 480px; width: 100%;} */
  .film_cycle p{font-size: 16px; line-height: 18px; }
  .film_cycle .film_text2 { left:74%; top: 33%;}
  .film_cycle .film_text3 { left: 57%; top: 74%;}
  .film_cycle .film_text4 { left: 10%; top: 74%;}
  .film_cycle .film_text5 { left: 0; top: 31%;}
  .film_cycle_ftr p { font-size: 17px; line-height: 22px;}

  .roadmap_content .container { padding: 0 0 0 25px;}
  .roadmap_content .date-area>span { transform: translate(30%, 13%); width: 60px; height: 60px; font-size: 30px;}
  .roadmap_content .single-box-top .rm_content { padding-top: 25px;}
  .rm_content, .box-right .rm_content { padding-left: 25px;}


.single-box-mid .content, .single-box-bottom .content{padding-top: 0;}

.faq_box { margin: 0 30px 45px; flex-direction: column; justify-content: center;}
.faq_icon {margin: -20px auto 0;}

.edcn_list ul li{font-size: 20px; line-height: 25px;}

.title h2 .first, .title h2 .second { font-size: 36px !important; line-height: 36px;}
.documentary_sec .title h2 .second { top: -25px; font-size: 36px !important;}
.documentary_sec p{font-size: 18px; line-height: 32px;}
.team_sec .col1 { max-width: 40%; margin: 0 15px 30px;}
.team_sec{background-repeat: repeat !important;}
.box-right .rm_content { padding: 15px 0 0 25px;}

.title h2 .second { top: -25px;}

.cycle_desktop{display: none;}
.cycle_mob{display: block;}
.film_cycle { margin-top: 25px;}
.slider_anim {  height: auto;}

/* --new nav-- */

.nav-right { margin: 0 0 0 0;}
.header_area.sticky .nav-right { margin-top: 0;}
.menu-button { float: right; margin: 12px 0 0; text-align: center; background-position: center !important;}
.copyright { font-size: 16px; line-height: 22px; padding-top: 8px;}

}




@media (max-width : 480px) {
  .top_phone { font-size: 14px;}
  .top_btn a { font-size: 12px; padding: 5px 10px;}

  .top_btn a{margin-left: 15px;}

  .nav-header { margin: 0px auto 0px;}
  .header_area.sticky {padding-bottom: 0;}
  .nav-toggle { top: 30px;}
  .header_area .nav-header .logo img, .header_area.sticky .nav-header .logo img { width: 50px;}

  .search:focus { width: 260px;}
  ul.single_desc_list li{width: 100%;}
  .btn-primary, .btn-secondary{padding: 10px 10px;}
  .single_btns ul li { margin: 0 5px 10px;}
  .single_btns ul li a{  width: 150px;}
  .single_sec_btm .cols { width: 90.5%;}

  .ftr_left{padding-top: 0px;}
  .footer_sec {padding-top: 20px;}
  .contact_box .cnt_row{padding-bottom: 0;}

  .navigation-portrait .nav-menus-wrapper { width: 290px;} 

  /* .film_cycle{ max-width: 340px; max-height: 340px; width: 100%; height:300px; background-size:340px} */
  .film_cycle p{font-size: 12px; line-height: 14px; }
  .film_cycle .film_text1{ left: 46%; top: 2%; width: 26%;}
  .film_cycle .film_text2 { left:69%; top: 31%;}
  .film_cycle .film_text3 { left: 57%; top:74%;}
  .film_cycle .film_text4 { left: 0%; top: 74%; width: 45%;}
  .film_cycle .film_text5 { left: 0; top: 32%;}
  .film_cycle .texts br{display: none;}

  .team_sec .col1 { max-width:100%; margin: 0 15px 30px;}




}

@media (max-width : 480px) {
 
} 

/* --13.10.22-- */

@media (max-width : 991px) {
/* .nav_container { display: flex; width: 100%; justify-content: center;}
.search-container { right: 0; top: 40px;}
.nav_container { display: flex; width: 77%; justify-content: center; margin: -87px auto 0;} */
}




@media (max-width : 767px) {
  /* .nav_container { display: flex; width: 71%; justify-content: center; margin: -64px auto 0;}
.top_btn a { font-size: 15px; padding: 10px 12px;}
.search-container { right: 0; top: 22px;} */

  .roadmap_content .date-area>span { padding-top: 30px;}
  .roadmap_content .date-area>span { transform: translate(-43%, 13%);}

  .slider_content { padding: 6% 0 0 0%;}
}


@media (max-width : 660px) {
  /* .nav_container { display: flex; width: 100%; justify-content: center; margin: 4px auto 0;}
.nav-menu > li > a { padding: 0px 6px;}
.nav-menu { margin: 7px 0 0 0; display: flex;}
.search-container {right: 0; top: 10px;} */


}

@media (max-width : 575px) {
  .faq_box { flex-direction: inherit; justify-content: center; margin: 0 0px 45px 25px;}
  .faq_icon { margin: 25px 0 0 -20px;}
  .img_box  {width: 75%; margin: 0 auto;}
  .art_img_box { max-width: 100%;}
  section {  padding: 35px 0 40px;}
  .roadmap_content .date-area>span { padding-top: 14px;}
  body{cursor: pointer;}
  .cursor, .cursor2{display: none;}


  
} 


@media (max-width : 480px) {
  .img_box  {width:85%; margin: 0 auto;}
  .cursor{display: none;}
  body{cursor: pointer;}
  .banner {height: 450px;}
  .slider_content { padding:35pxpx 0 0 0%;}
  /* .nav-menu > li { margin: 0 0 5px;} */
  .banner {height: 400px;}

}