@media only screen and (max-width: 1400px) {
.slick-next {
    right: -10px;
}
.slick-prev {
    left: -10px;
}
}

@media only screen and (max-width: 1199px){
    .tfd-caption p { 
    font-size: 84px; 
}
ul.navbar-nav li {
    margin-left: 20px;
}
.navbar-brand img {
    height: 56px; 
}
}

@media only screen and (max-width: 992px){
.ab-img {
    margin-bottom: 20px;
}
.projects-slide-grid img {
    height: 430px; 
}
.service-left-col {
    width: 45%;
    padding: 60px 20px;
}
#serviceTabContent {
    width: 55%; 
}
.tfd-video { 
    height: 520px; 
}
.footer-logo img {
    height: auto;
    width: 160px;
}
.navbar-toggler img {
    max-width: 28px;
}
.navbar-toggler {
    display: block !important; 
    outline: none !important;
}
header#header #collapsibleNavbar {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: white;
    z-index: 99;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 24%);
    transition: all 0.5s;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    align-items: flex-start;
    padding: 0;
    display: block !important;
}
.menu_close_panel {
    background: #b1a086;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    position: fixed;
    width: 100%;
    top: 0;
    min-height: 50px;
    font-family: 'tw_cen_mtregular';
}
.menu_close_panel img {
    position: absolute;
    max-width: 36px;
    left: 15px;
}
.hero-video {  
    height: calc(100vh - 89px); 
    margin-top: 96px;
}
header#header #collapsibleNavbar.navbar_panel_open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
ul.navbar-nav {
    margin:0;
    display: block;
    height: calc(100vh - 50px);
    padding: 20px;
    top: 50px;
    position: relative;
    overflow-y: auto;
    /*margin:0 !important;*/
}
.navbar-nav .nav-link:before{
    content: none;
}
ul.navbar-nav li {
    margin-left: 0;
    text-align: center;
}
.navbar-nav .nav-link {  
    padding: 20px 0px !important; 
}
.banner { 
    margin-top: 68px;
}
ul.contact_info li { 
    font-size: 22px;
    letter-spacing: 1px; 
}
h2 {
    font-size: 44px; 
}
.team-img {
    position: relative;
    margin-bottom: 40px;
}
.mission-vision-content .order1 {
    order: 1;
}
.mission-vision-content .order2 {
    order: 2;
}
.mv-image {
    position: relative;
    margin-bottom: 40px;
}
.p-grid-content {
    padding: 0;
}
.projects-grid h3 {
    font-size: 30px; 
}
.articles-content {
    padding: 0;
}
.article-detail-content {
    margin-top: 89px;
}
.article-detail-content h1 {
    font-size: 40px;
}
.service-grid-content .order1 {
    order: 1;
}
.service-grid-content .order2 {
    order: 2;
}
.service-image {
    margin-bottom: 20px;
}
.service-content h3 { 
    font-size: 24px; 
}
}

@media only screen and (max-width: 767px){
    

    
    .parallax__container .parallax{
    background-position: top !important;
    background-size: 100% 48% !important;
    }
    .parallax__container .parallax{
        height:100% !important;
    }
    .hero-video {
    height: 190px !important;
    margin-top: 68px;
    }
.pt-80 {
    padding-top: 60px;
}
.map iframe {
    height: 400px;
}
ul.contact_info li:before{
    content: none;
}
.pb-80 {
    padding-bottom: 50px;
}  
#loader a.typewrite { 
    font-size: 30px; 
}
h2 {
    font-size: 28px;
    line-height:38px;
}
.projects:after, .projects:before{
    content: none;
}
.video-content img {
    max-height: 74px;
}
.service-left-col {
    width: 100%; 
}
#serviceTabContent {
    width: 100%;
    position: relative;
}
.our-services { 
    flex-wrap: wrap;
}
.projects-slide-grid img {
    height: 380px;
}
.footer-logo {
    text-align: center;
    margin-bottom: 30px;
}
ul.footer-menu { 
    margin-bottom: 30px;
}
.footer-contact p {
    text-align: center; 
}
ul.social-media { 
    justify-content: center; 
}
.service-left-col h2 {
    font-size: 40px;
    letter-spacing: 1px; 
}
ul.contact_info li {
    margin: 6px 0px; 
    font-size: 20px;
    letter-spacing: 1px; 
}
.banner h1 {
    font-size: 40px;
}
.breadcrumb-item+.breadcrumb-item { 
    font-size: 16px;
}
    #header .custom-logo-link{
    width:190px;
}
}

@media only screen and (max-width: 520px){
.tfd-caption p {
    font-size: 36px;
}
.play-icon {
    width: 70px;
    height: 70px; 
    transform: translate(0px, 0px);
}
.tfd-video {
    height: 360px;
}
.call-to-action:after{
    content: none;
}
.call-to-action:before { 
    left: 20%; 
}
.about_boutique_title{
    font-size:25px;
}

ul.contact_info{
    text-align:center;
}
}