/*
------------------------------------------------------------
Project Name : Speak Easy;------------------------------------------------------------
*/
@font-face { font-family:'Arial-Bold'; src:url('../fonts/Arial-BoldMT.eot'); src:url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),url('../fonts/Arial-BoldMT.woff2') format('woff2'),url('../fonts/Arial-BoldMT.woff') format('woff'),url('../fonts/Arial-BoldMT.ttf') format('truetype'),url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg'); font-weight:bold; font-style:normal; font-display:swap; } 
@font-face { font-family:'Gotham-Book'; src:url('../fonts/Gotham-Book.eot'); src:url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Book.woff2') format('woff2'),url('../fonts/Gotham-Book.woff') format('woff'),url('../fonts/Gotham-Book.ttf') format('truetype'),url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } 
@font-face { font-family:'Gotham-Bold'; src:url('../fonts/Gotham-Bold.eot'); src:url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Bold.woff2') format('woff2'),url('../fonts/Gotham-Bold.woff') format('woff'),url('../fonts/Gotham-Bold.ttf') format('truetype'),url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight:bold; font-style:normal; font-display:swap; } 
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; } 
body { line-height: 1; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
/* Css Clearfix */
.clearfix:before,
.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; } 
::-moz-selection { color: #fff; background: #ef5323; } 
::selection { color: #fff; background: #ef5323; } 
/* alignment */
.alignleft { float: left; } 
.alignright { float: right; } 

/* General */
body * { box-sizing: border-box; } 
body { font-size: 22px; color: #231f20; font-family:'Gotham-Book'; position: relative; } 
.wrapper, body, html { min-height: 100vh; } 
a { text-decoration: none; color: inherit; display: inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; } 
a:hover { transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; } 
img { max-width: 100%; width: 100%; height: auto; } 
.container { max-width: 1280px; padding: 0 25px; width: 100%; margin: 0 auto; } 
h1 { font-size: 42px; line-height: 1; font-family: 'Arial-Bold'; color: #fff; letter-spacing: -1px; margin: 0 0 10px; } 
h2 { font-family: 'Arial-Bold'; font-size: 42px; letter-spacing: -1.04px; color: #ef5323; line-height: 1; } 
p { font-size: 18px; line-height: 1.38; margin: 0 0 33px; } 
p:last-child { margin: 0; } 
.bg-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } 
.bg-img video,
.bg-img img { object-fit: cover; object-position: center; height: 100%; width: 100%;} 
.btn { height:46px; line-height: 46px; font-size: 20px; font-weight: 700; text-align: center; letter-spacing: -0.46px; font-family: 'Arial-Bold'; padding:0 35px; border-radius: 12px; outline: none; } 
.btn.primary-btn { color: #ef5323; background-color:#f1f2f2; } 
.btn.primary-btn:hover ,
.btn.primary-btn:focus ,
.btn.primary-btn:active { background-color:#ef5323; color:#f1f2f2; } 
.btn-wrap { display:flex; flex-wrap: wrap; } 
.btn-wrap .btn:not(:last-child) { margin-right: 20px; } 
.title-wrapper>span { font-size: 16px; font-weight: 700; color: #231f20; font-family: 'Arial-Bold'; margin-bottom: 8px; display: block; } 
.logo-wrapper{max-width: 225px;}

p a { text-decoration: underline;}

/* header */
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 9; transition: all 0.5s; padding: 30px 0; } 
.header.sticky-header { background-color: #fff; box-shadow:0px 2px 18px rgb(0 0 0 / 10%); } 
.header.sticky-header::before { display: none; } 
.header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; background:linear-gradient(180deg , rgba(0,0,0,0.1) ,rgba(0,0,0,0));; z-index: 0; bottom: 0; } 
.header .header-inner { display: flex; align-items: center; justify-content: space-between; position: relative; } 
.header .logo-wrap { flex: 0 0 135px; max-width: 135px; margin: 0 20px 0 0; } 
.header .logo-wrap img { transition: all 0.3s; } 
.header .logo-wrap .default { display: block; } 
.header .logo-wrap .sticky { display: none; } 
.header.sticky-header .logo-wrap .sticky { display: block; } 
.header.sticky-header .logo-wrap .default { display: none; } 
.header .nav-wrap .nav-list { display: flex; align-items: center; } 
.header .nav-list li { padding: 0 13px 0; } 
.header .nav-list li a { padding: 0 0 8px; font-family: 'Arial-Bold'; font-size: 19px; line-height: 1; color: #fff; position: relative; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; } 
.header.sticky-header .nav-list li a { color: #231f20; } 
.header .nav-list li.speak-easy-link a { color: #ef5323; }
.header .nav-list li a::before { content:''; position: absolute; left: 0; bottom:2px; height: 3px; background-color:#fff; transition: all 0.5s; width: 0; } 
.header.sticky-header .nav-list li a::before { background-color: #231f20; } 
.header .nav-list li.speak-easy-link a::before { background-color: #ef5323; } 
.header .nav-list li a:hover::before,.header .nav-list li.active a::before { width: 100%; } 
body.sidebar-open { overflow: hidden; } 
.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0;z-index: 2; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: all 0.5s; } 
body.sidebar-open .overlay { opacity: 1; visibility: visible; } 
.header .hamburger { display: none; z-index: 99; } 
.header .hamburger .line { width: 30px; height: 2.5px; background-color: #ffffff; display: block; margin: 5px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.header.sticky-header .hamburger .line { background-color: #ef5323; } 
.header .hamburger .line:nth-child(2) { width: 20px; } 
.header .hamburger:hover { cursor: pointer; } 
.header .hamburger.is-active .line { background-color: #231f20; } 
.header .hamburger.is-active .line:nth-child(2) { opacity: 0; } 
.header .hamburger.is-active .line:nth-child(1) { -webkit-transform: translateY(7.5px) rotate(45deg); -ms-transform: translateY(7.5px) rotate(45deg); -o-transform: translateY(7.5px) rotate(45deg); transform: translateY(7.5px) rotate(45deg); } 
.header .hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-7.5px) rotate(-45deg); -ms-transform: translateY(-7.5px) rotate(-45deg); -o-transform: translateY(-7.5px) rotate(-45deg); transform: translateY(-7.5px) rotate(-45deg); } 

/* banner */
.banner-section { overflow: hidden; position: relative; min-height: 700px; padding: 90px 0 0; display: flex; align-items: center; } 
.banner-section .inner-wrap { padding: 30px 0; height: 100%; position: relative; z-index: 1; } 
.banner-section .inner-wrap .content-wrap { max-width: 53%; } 
.banner-section .inner-wrap p { color: #fff; padding: 0 30px 0 0; } 

/* slider section */
.slider-section { padding: 88px 0 163px; position: relative; } 
.slider-section .title-wrapper { margin: 0 0 58px; } 
.slider-section .title-wrapper h2 { color: #fff; } 
.slider-section .slider-item-wrap { margin: 0 -14px; } 
.slider-section .slider-item { padding: 0 14px; } 
.slider-section .slider-item .inner-wrap { padding:39px 21px 24px; background-color: #f1f2f2; height:100%; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } 
.slider-section .slider-item-wrap .img-wrap { margin: 0 0 35px; } 
.slider-section .slider-item-wrap .img-wrap img { max-width: 74%; margin: 0 auto; } 
.slider-section .slider-item-wrap .content-wrap .title { font-size: 20px; letter-spacing: -0.3px; line-height:1; word-break: break-word; display: block; color: #ef5323; font-family: 'Arial-Bold'; margin:0 0 8px; } 
.slider-section .slick-arrow:before { display: none; } 
.slider-section .slick-arrow { height: 83px; width: 43px; top: 47%; z-index: 1; } 
.slider-section .slick-arrow::after { content:''; background-position: center; background-repeat: no-repeat; background-size: contain; width:100%; height:100%; background-image: url('../images/left-arrow.png'); display: block; } 
.slider-section .slick-arrow.slick-next { right: -62px; } 
.slider-section .slick-arrow.slick-prev { left: -62px; } 
.slider-section .slick-arrow.slick-next::after { transform: rotateY(180deg); } 
.slider-section .slick-arrow.slick-disabled { cursor: auto; } 
.slider-section .slick-arrow.slick-disabled::after { opacity: 0.6; } 


.slider-section-white .slider-item-wrap .img-wrap img { max-width: 100%; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } 

.slider-section-white .slick-arrow::after {background-image: url('../images/left-arrow-black.png'); } 
.slider-section-white .title-wrapper h2 { color: #ef5323; } 

.slider-section-white .slider-item .inner-wrap { padding: 15px;
  background: transparent;  } 



/* our mission */
.our-mission-section { padding: 100px 0 100px; } 
.our-mission-wrapper { display: flex; flex-wrap: wrap; margin: 0 -50px; } 
.our-mission-wrapper .our-mission-item { flex: 0 0 50%; max-width: 50%; padding: 0 50px; } 
.our-mission-wrapper .our-mission-content p { font-family: 'Arial-Bold'; font-size: 30px; letter-spacing: -1.37px; color: #231f20; line-height: 1.28; } 
.our-mission-wrapper .our-mission-content .title-wrapper { margin-bottom: 16px; } 
.our-mission-wrapper .our-mission-content.right-content { max-width: 464px; margin: 0 auto; } 
.our-mission-wrapper .our-mission-content.right-content em { display: block; max-width: 221px; margin: 0 auto; } 
.our-mission-wrapper .our-mission-content.right-content blockquote { display: inline; position: relative; font-style: italic; font-size: 22px; color: #231f20; font-family: 'Gotham-Book'; margin-bottom: 24px; letter-spacing: -0.88px; line-height: 1.28; } 
.our-mission-wrapper .our-mission-content.right-content blockquote::before, .our-mission-wrapper .our-mission-content.right-content blockquote::after { position: absolute; content: ""; background-repeat: no-repeat; width: 27px; height: 20px; background-size: 27px 20px; } 
.our-mission-wrapper .our-mission-content.right-content blockquote::before { top: -5px; left: -29px; background-image: url(../images/quote-start.png); } 
.our-mission-wrapper .our-mission-content.right-content blockquote::after { bottom: -8px; right: -33px; background-image: url(../images/quote-end.png); } 
.our-mission-wrapper .our-mission-content.right-content span { font-family: 'Arial-Bold'; font-size: 22px; color: #231f20; letter-spacing: -0.88px; display: block; margin-top: 20px; } 

/* current production */
.current-production-section { padding: 141px 0px 126px; position: relative; } 
.current-production-wrapper { display: flex; align-items: center; flex-wrap: wrap; } 
.current-production-section .current-production-left .title-wrapper { margin-bottom: 24px; } 
.current-production-wrapper .current-production-left { flex: 0 0 57%; max-width: 57%; padding-right: 87px; } 
.current-production-wrapper .current-production-left .title-wrapper>span, .current-production-wrapper .current-production-left .title-wrapper h2, .current-production-wrapper .current-production-left .content-wrapper p { color: #FFF; } 
.current-production-wrapper .current-production-left .content-wrapper p { margin: 0 0 29px; } 
.current-production-wrapper .current-production-left .content-wrapper { margin-bottom: 38px; } 
.current-production-wrapper .current-production-right { flex: 0 0 43%; max-width: 43%; } 
.current-production-wrapper .current-production-right .img-wrapper { max-width: 405px; margin: 0 auto; } 



/* ebpf */
.ebpf-section { padding: 88px 0 88px; } 
.ebpf-wrapper { display: flex; flex-wrap: wrap; align-items: center; } 
.ebpf-wrapper .digital-media-content-block { flex: 1; padding-right: 124px; } 
.ebpf-wrapper .digital-media-image-block { flex: 0 0 418px; max-width: 418px; } 
.ebpf-wrapper .digital-media-image-block .img-wrapper img { max-height: 431px; width: auto; } 
.ebpf-wrapper .title-wrapper h2>span { display: block; } 
.ebpf-wrapper .title-wrapper { margin-bottom: 13px; } 

.ebpf-wrapper .content-wrapper a { color: #00aeef; word-break: break-word; } 
.ebpf-wrapper .content-wrapper a:hover,
.ebpf-wrapper .content-wrapper a:focus,
.ebpf-wrapper .content-wrapper a:active { color: #ef5323; } 
.ebpf-wrapper .content-wrapper p { margin: 0 0 29px 0; } 





/* contact us */
.digital-media-project-section { padding: 88px 0 36px; } 
.digital-media-project-wrapper { display: flex; flex-wrap: wrap; align-items: center; } 
.digital-media-project-wrapper .digital-media-content-block { flex: 1; padding-right: 124px; } 
.digital-media-project-wrapper .digital-media-image-block { flex: 0 0 418px; max-width: 418px; } 
.digital-media-project-wrapper .digital-media-image-block .img-wrapper img { max-height: 431px; width: auto; } 
.digital-media-project-wrapper .title-wrapper h2>span { display: block; } 
.digital-media-project-wrapper .title-wrapper { margin-bottom: 13px; } 
.digital-media-project-wrapper .content-wrapper span { font-size: 18px; } 
.digital-media-project-wrapper .content-wrapper span>a { color: #00aeef; word-break: break-word; } 
.digital-media-project-wrapper .content-wrapper span>a:hover,
.digital-media-project-wrapper .content-wrapper span>a:focus,
.digital-media-project-wrapper .content-wrapper span>a:active { color: #ef5323; } 
.digital-media-project-wrapper .content-wrapper p { margin: 0 0 29px 0; } 

/* documentary-section */
.documentary-section { padding: 120px 0px 85px; } 
.documentary-section .container { max-width: 1290px; } 
.documentary-section .video-documentary-wrapper { display: flex; flex-wrap: wrap; margin: 0 -20px; align-items: center; } 
.documentary-section .video-documentary-wrapper .title-wrapper h2>span { display: block; } 
.documentary-section .video-documentary-wrapper .documentary-text, .documentary-section .video-documentary-wrapper .documentary-video-block { max-width: 50%; flex: 0 0 50%; padding: 0 20px; } 
.documentary-section .documentary-video-block .video-wrapper { position: relative; padding-bottom: 56%; } 
.documentary-section .documentary-video-block .video-wrapper .video-poster-image { position: absolute; width: 100%; left: 0; top: 0; z-index: 99; cursor: pointer; object-fit: cover; height: 100%; } 
.documentary-section .documentary-video-block .video-wrapper .video-poster-image.remove-poster { z-index: -1; } 
.documentary-section .documentary-video-block .video-wrapper:after { position: absolute; content: " "; width: 100%; height: 2px; top: -1px; left: 0; z-index: 2; border: 4px solid #fff; } 
.documentary-section .video-documentary-wrapper .documentary-video-block #documentary-video { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 7px; } 
.documentary-section .content-wrapper { margin-bottom: 32px; } 
.documentary-section .title-wrapper { margin-bottom: 15px; } 

/* inside-envoy-section */
.inside-envoy-section { padding: 141px 0px 126px; position: relative; } 
.inside-envoy-section .container { max-width: 1330px; } 
.inside-envoy-section .inside-envoy-wrapper { display: flex; flex-wrap: wrap; align-items: center; } 
.inside-envoy-section .inside-envoy-wrapper .inside-envoy-text { max-width: 61%; flex: 0 0 61%; padding-right: 173px; } 
.inside-envoy-section .inside-envoy-wrapper .inside-envoy-image { max-width: 39%; flex: 0 0 39%; } 
.inside-envoy-section .inside-envoy-wrapper .inside-envoy-image img { max-width: 528px; } 
.inside-envoy-section .title-wrapper>span, .inside-envoy-section p { color: #fff; } 
.inside-envoy-section .title-wrapper h2 { color: #ee2aa5 } 
.inside-envoy-section .title-wrapper { margin-bottom: 21px; } 
.inside-envoy-section .content-wrapper { margin-bottom: 32px; } 

/* partners-section */
.partners-section { padding: 75px 0px 75px; } 
.partners-section .partners-wrapper { display: flex; flex-wrap: wrap; align-items: center; } 
.partners-section .partners-wrapper .partners-text-wrapper { flex: 1; padding-right: 123px; } 
.partners-section .partners-wrapper .partners-logo-wrapper { max-width: 50%; flex: 0 0 50%; } 
.partners-section .partners-wrapper .partners-logo-wrapper ul { display: flex; flex-wrap: wrap; } 
.partners-section .partners-wrapper .partners-logo-wrapper ul li { max-width: 33%; flex: 0 0 33%; margin-bottom: 25px; padding:15px;} 
.partners-section .partners-wrapper .partners-logo-wrapper ul li:last-child { margin-bottom: 0; } 
.partners-section .partners-wrapper .partners-logo-wrapper ul li img { max-width: 320px; } 
.partners-section .container { max-width: 1330px; } 
.partners-section .title-wrapper { margin-bottom: 20px; } 

/* footer-css*/
.footer { padding: 39px 0px 62px; color: #fff; font-size: 16px; background-color: #ef5323; } 
.footer .container { max-width: 1235px; } 
.footer .footer-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.footer .footer-wrapper .footer-left-inner { display: flex; padding-top: 23px; flex-wrap: wrap; } 
.footer .footer-wrapper .footer-left .address-box { padding-left: 57px; position: relative; } 
.footer .footer-wrapper .footer-left .address-box::before { left: 23px; width: 1px; height: 100%; position: absolute; content: " "; top: 0; background-color: #fff; } 
.footer .footer-wrapper .footer-left .city-name { font-family: 'Gotham-Bold'; margin-bottom: 7px; } 
.footer .footer-wrapper .footer-left address { letter-spacing: -0.06px; line-height: 1.7; } 
.footer .footer-wrapper .footer-left address a:hover, .footer .footer-wrapper .footer-left address a:focus, .footer .footer-wrapper .footer-left address a:active { text-decoration: underline; } 
.footer .footer-wrapper .footer-right ul { display: flex; } 
.footer .footer-wrapper .footer-right ul a img { transition: all 0.5s; } 
.footer .footer-wrapper .footer-right ul a:hover img, .footer .footer-wrapper .footer-right ul a:focus img, .footer .footer-wrapper .footer-right ul a:active img { transform: scale(1.05); } 
.footer a:focus-visible { outline: none; border: none; } 
.footer .footer-wrapper .footer-right-inner { display: flex; flex-direction: column; height: 100%; justify-content: space-between; align-items: flex-end; } 
.footer .footer-wrapper .footer-right ul li + li { margin-left: 20px; } 
.footer .footer-wrapper .footer-right ul li img { height: 33px; width: auto; } 
.footer .footer-wrapper .footer-right .copy-right p { font-family: 'Gotham-Book'; letter-spacing: -0.4px; font-weight: 500; font-size: 14px; } 




/*modal-css*/
/* .popup-content{padding:45px 0;} */
.popup-content address a:hover{color:#EF5323;}
.popup-content address a{color:#231f20;}
.popup-content address{font-size:20px;line-height:1.36;}
.popup-content blockquote span{display:block;text-align:right;margin-top:10px;}
.popup-content blockquote,.popup-content > p{margin-bottom:30px;line-height:1.36;font-size:20px;}
.popup-content blockquote{margin-bottom:50px;}
.popup-content p > span{font-family:'Gotham-Bold';line-height:1.36;display:block;font-size:20px;}
.popup-content .popup-title{max-width:550px;margin-bottom:40px;}
.popup-content .popup-title span{line-height:1.36;font-family:'Arial-Bold';color:#ee2a7b;font-size:28px;display:block;margin-bottom:5px;}
.popup-content{color:#373535;height:100%;text-align: center;}
.popup-content .popup-title h2{font-size:42px;line-height:1.1;color:#373535;font-family:'Arial-Bold';}
.custom-modal .container{max-width:100%;padding:0 25px;height:100%;}
.custom-modal .modal-dialog{margin:25px auto;padding:0 25px;min-width: 100%;  height:100%;}
.custom-modal .modal-header .close{position:absolute;right:15px;background-color:rgba(35,31,32,0.8);opacity:1;color:#fff;height:45px;width:45px;border-radius:50%;top:-15px;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;font-size:28px;transition:background 0.3s;}
.custom-modal .modal-content{border-radius:0;border:none;  height:100%;width:100%;}
.custom-modal .modal-body,.custom-modal .modal-header{padding:0;border:none; width:100%;}
.custom-modal .modal-body{height: 100%;}

.custom-modal .modal-body video {width: 100%;height: calc(100% - 40px);}

/*modal-css*/






/* MEDIA CSS */


@media(max-width:1399px) { 
 h1,h2 { font-size: 42px; } 
 .header .logo-wrap { flex: 0 0 140px; max-width: 140px; margin: 0 13px 0 0; } 
 .header .nav-list li { padding: 0 10px; } 
 .header .nav-list li a { font-size: 18px; } 

 .banner-section { min-height: 700px; } 

 .slider-section { padding: 80px 0; } 
 .slider-section .slick-arrow.slick-next { right: -7px; } 
 .slider-section .slick-arrow.slick-prev { left: -7px; } 
 .slider-section .slick-arrow { height: 60px; width: 40px; background: rgba(0,0,0,50%); padding: 8px; } 
 .slider-section .slider-item-wrap .img-wrap { margin: 0 0 25px; } 

 .slider-section-white .slick-arrow {background: none; } 


 .our-mission-section { padding: 80px 0; } 
 .our-mission-wrapper .our-mission-content p { font-size: 26px; } 
 .our-mission-wrapper { margin: 0 -25px; } 
 .our-mission-wrapper .our-mission-item { padding: 0 25px; } 

 .current-production-section { padding: 80px 0; } 
 .current-production-wrapper .current-production-left { padding-right: 50px; } 

 .digital-media-project-section { padding: 80px 0; } 
 .digital-media-project-wrapper .digital-media-content-block { padding-right: 70px; } 

 .documentary-section, .inside-envoy-section { padding: 80px 0px; } 
 .inside-envoy-section .inside-envoy-wrapper .inside-envoy-text, .partners-section .partners-wrapper .partners-text-wrapper { padding-right: 70px; } 
 .partners-section .partners-wrapper .partners-logo-wrapper ul li { margin-bottom: 15px; } 
}
@media(max-width:1199px) { 
  h1,h2 { font-size: 38px; } 
 .title-wrapper>span { font-size: 16px; } 
 .btn { font-size: 20px; } 
 p { font-size: 18px; } 

 .header { padding: 8px 0; } 
 .header .hamburger { display: block; } 
 .header .nav-wrap { position: fixed; top: 0; right: -100%; transform: translateX(100%); background-color: #ffffff; transition: all 0.5s linear; max-width: 300px; width: 100%; height: 100%; box-shadow: 2px -5px 5px 3px rgba(0,0,0,10%); opacity: 0; visibility: hidden; z-index: 0; padding:70px 0 20px; } 
 .header .nav-wrap.is-open { transform: translateX(0); opacity: 1; visibility: visible; right: -1px; z-index: 9; } 
 .header .nav-list { flex-direction: column; align-items: unset; opacity: 0; visibility: hidden; transition-delay: 0.5s; transition-duration: 1s; transition-property: all; overflow-y:auto; height: 100%; } 
 .header .nav-wrap.is-open .nav-list { opacity: 1; visibility: visible; } 
 .header .nav-list li { padding: 8px 20px; width: 100%; border-bottom: 1px solid #ccc; } 
 .header .nav-list li a { color: #231f20; padding: 0 0 5px; } 
 .header .nav-list li a:hover::before{width: 0;}

 .banner-section { min-height: 600px; } 

 .slider-section { padding: 60px 0; } 
 .slider-section .slider-item-wrap .content-wrap .title { font-size: 20px; } 
 .slider-section .slider-item .inner-wrap { padding: 20px; } 
 .slider-section .title-wrapper { margin: 0 0 35px; } 
 .slider-section .slider-item-wrap .img-wrap img { max-width: 54%; } 
 .slider-section .slider-item-wrap .img-wrap { margin: 0 0 15px; } 


.slider-section-white .slider-item-wrap .img-wrap img { max-width: 100%; } 


 .current-production-wrapper .current-production-left { padding-right: 25px; } 
 .current-production-section { padding: 60px 0; } 

 .our-mission-section { padding: 60px 0; } 
 .our-mission-wrapper .our-mission-content.right-content blockquote, .our-mission-wrapper .our-mission-content.right-content span, .digital-media-project-wrapper .content-wrapper span { font-size: 18px; } 
 .our-mission-wrapper .our-mission-content p { font-size: 26px; } 
 .our-mission-wrapper { margin: 0 -15px; } 
 .our-mission-wrapper .our-mission-item { padding: 0 15px; } 

 .digital-media-project-section { padding: 60px 0; } 
 .digital-media-project-wrapper .digital-media-content-block { padding-right: 25px; } 
 .documentary-section, .inside-envoy-section, .partners-section { padding: 60px 0px; } 
 .inside-envoy-section .inside-envoy-wrapper .inside-envoy-text, .partners-section .partners-wrapper .partners-text-wrapper { padding-right: 40px; } 
}
@media (max-width:1024px){
 .banner-section { min-height: 500px; } 
 .banner-section .inner-wrap .content-wrap { max-width: 60%; } 

 .slider-section .slider-item { padding: 0 10px; } 
 .slider-section .slider-item-wrap { margin: 0 -10px; } 
 .slider-section .slider-item-wrap .content-wrap .title { font-size: 20px; } 
 .slider-section .slider-item-wrap .content-wrap p { font-size: 18px; } 
 .slider-section .slider-item .inner-wrap { padding: 15px; } 
 .slider-section .slick-arrow { width: 35px; height: 50px; } 
}
@media(max-width:991px){
 .banner-section .inner-wrap .content-wrap { max-width: 75%; } 
 .current-production-wrapper .current-production-left { flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom: 45px; } 
 .current-production-wrapper .current-production-right { flex: 0 0 100%; max-width: 100%; } 
 .current-production-section .current-production-left .title-wrapper { margin-bottom: 20px; } 
 .current-production-wrapper .current-production-left .content-wrapper { margin-bottom: 35px; } 

 .our-mission-wrapper { margin: 0; } 
 .our-mission-wrapper .our-mission-item { flex: 0 0 100%; max-width: 100%; padding: 0; } 
 .our-mission-wrapper .our-mission-item:not(:last-child) { margin-bottom: 30px; } 
 .our-mission-wrapper .our-mission-content.right-content { max-width: 100%; } 
 .our-mission-wrapper .our-mission-content.right-content blockquote::before { top: -25px; left: 0; } 
 .our-mission-wrapper .our-mission-content.right-content em { margin: 0 0 40px 0; } 
 .our-mission-wrapper .our-mission-content.right-content em { max-width: 170px; } 

 .digital-media-project-wrapper .digital-media-content-block { flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom: 45px; } 
 .digital-media-project-wrapper .digital-media-image-block { flex: 0 0 100%; max-width: 100%; text-align: center; } 
 .digital-media-project-wrapper .title-wrapper h2>span { display: inline-block; } 
 
 
 .ebpf-wrapper .digital-media-content-block {  flex: 0 0 100%; max-width: 100%; padding: 0;} 
 
 
 

 .partners-section .partners-wrapper .partners-logo-wrapper ul li img { max-width: 300px; } 
 .documentary-section .video-documentary-wrapper .documentary-text, .documentary-section .video-documentary-wrapper .documentary-video-block, .inside-envoy-section .inside-envoy-wrapper .inside-envoy-text, .inside-envoy-section .inside-envoy-wrapper .inside-envoy-image, .partners-section .partners-wrapper .partners-text-wrapper, .partners-section .partners-wrapper .partners-logo-wrapper { max-width: 100%; flex: 0 0 100%; padding: 0px; } 
 .documentary-section .video-documentary-wrapper { margin: 0px; } 
 .documentary-section .documentary-video-block .video-wrapper { margin: 0 auto; } 
 .documentary-section .video-documentary-wrapper .documentary-text, .inside-envoy-section .inside-envoy-wrapper .inside-envoy-text, .partners-section .partners-wrapper .partners-text-wrapper { margin-bottom: 30px; } 
 .documentary-section .video-documentary-wrapper .title-wrapper h2>span { display: inline-block; } 
 .inside-envoy-section .inside-envoy-wrapper .inside-envoy-image img { max-width: 360px; } 
 .documentary-section .video-documentary-wrapper .documentary-video-block { max-width: 767px; margin: 0 auto; } 
 .partners-section .partners-wrapper .partners-logo-wrapper ul { margin: 0 -20px; } 
 .partners-section .partners-wrapper .partners-logo-wrapper ul li { max-width: 50%; flex: 0 0 50%; padding: 0 20px; } 
 
 .footer .footer-wrapper .footer-left, .footer .footer-wrapper .footer-right { max-width: 100%; flex: 0 0 100%; } 
 .footer .footer-wrapper .footer-left { margin-bottom: 30px; } 
 .footer .footer-wrapper .footer-left-inner { justify-content: center; padding-top: 0; } 
 .footer .footer-wrapper .footer-right-inner { align-items: center; } 
 .footer .footer-wrapper .footer-right ul { margin-bottom: 10px; } 
 .footer .footer-wrapper .footer-left .address-box::before { left: 28px; } 
}
@media(max-width:767px) {
	
	.ebpf-wrapper .digital-media-image-block { flex: 0 0 100%; } 
	
	
 h1,h2 { font-size: 34px; } 
 .title-wrapper>span { font-size: 16px; } 
 .btn { padding: 0 25px; font-size: 20px; line-height: 40px; height: 40px; } 
 p { font-size: 18px; margin: 0 0 20px; } 

 .banner-section { min-height: 450px; } 
 .banner-section .inner-wrap p { padding: 0; } 
 .slider-section { padding: 40px 0; } 

 .our-mission-section { padding: 40px 0; } 
 .our-mission-wrapper .our-mission-content.right-content blockquote, .our-mission-wrapper .our-mission-content.right-content span, .digital-media-project-wrapper .content-wrapper span { font-size: 18px; } 
 .our-mission-wrapper .our-mission-content p { font-size: 28px; } 
 .our-mission-wrapper .our-mission-content.right-content em { margin-bottom: 25px; } 
 .our-mission-wrapper .our-mission-content.right-content blockquote::before, .our-mission-wrapper .our-mission-content.right-content blockquote::after { width: 20px; height: 13px; background-size: 20px 13px; } 
 .our-mission-wrapper .our-mission-content.right-content em { max-width: 150px; } 
 .our-mission-wrapper .our-mission-content.right-content blockquote::after { bottom: 0; } 

 .current-production-section { padding: 40px 0; } 

 .digital-media-project-section { padding: 40px 0; } 
 .digital-media-project-wrapper .content-wrapper p { margin: 0 0 20px 0; } 
 .digital-media-project-wrapper .digital-media-image-block .img-wrapper img { max-height: 300px; } 

 .documentary-section, .inside-envoy-section, .partners-section { padding: 40px 0px; } 
 .inside-envoy-section .title-wrapper { margin-bottom: 15px; } 

 .footer { font-size: 14px; } 
 .footer .footer-wrapper .footer-right .copy-right p { font-size: 14px; } 
 .footer .footer-wrapper .footer-left-inner .logo-wrapper, .footer .footer-wrapper .footer-left-inner .address-box { max-width: 100%; flex: 0 0 100%; padding-left: 0px; text-align: center; } 
 .footer .footer-wrapper .footer-left .address-box::before { display: none; } 
 .footer .footer-wrapper .footer-left-inner .logo-wrapper { margin-bottom: 30px; } 
}
@media(max-width:575px) { 
 h1,h2 { font-size: 30px; } 
 .title-wrapper>span { font-size: 14px; } 
 p { font-size: 16px; } 
 .btn { padding: 0 15px; font-size: 18px; } 
 .banner-section { padding: 70px 0 0; } 
 .banner-section .inner-wrap { padding: 20px 0; } 
 .banner-section .inner-wrap .content-wrap { max-width: 100%; } 

 .slider-section .slider-item-wrap .content-wrap p { font-size: 16px; } 
 .slider-section .slider-item-wrap .img-wrap img { max-width: 130px; } 
 .slider-section .slick-arrow { width: 30px; height: 40px; } 
 
  .slider-section-white .slider-item-wrap .img-wrap img { max-width: 100%; } 
  
  

 .our-mission-wrapper .our-mission-content.right-content blockquote, .our-mission-wrapper .our-mission-content.right-content span, .digital-media-project-wrapper .content-wrapper span { font-size: 16px; } 
 .our-mission-wrapper .our-mission-content p { font-size: 24px; } 

 .digital-media-project-wrapper .digital-media-content-block,
 .current-production-wrapper .current-production-left { margin-bottom: 30px; } 

 .partners-section .partners-wrapper .partners-logo-wrapper ul { margin: 0px; } 
 .partners-section .partners-wrapper .partners-logo-wrapper ul li { max-width: 100%; flex: 0 0 100%; padding: 0px; text-align: center;} 
 .partners-section .partners-wrapper .partners-logo-wrapper ul li img { max-width: 200px; } 
 .documentary-section .video-documentary-wrapper .documentary-text, .inside-envoy-section .inside-envoy-wrapper .inside-envoy-text, .partners-section .partners-wrapper .partners-text-wrapper { margin-bottom: 15px; } 
 
 .footer .footer-wrapper .footer-left-inner .logo-wrapper, .footer .footer-wrapper .footer-left { margin-bottom: 15px; } 
 .footer .footer-wrapper .footer-right ul li img { height: 25px; } 
}