
@media only screen and (max-width: 1600px) and (min-width: 1401px){
.ttm-right-span .ttm-col-wrapper-bg-layer, .col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer {
    margin-right: -200px;
}
}

@media only screen and (max-width: 1366px) {
    a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 0px;
    right: 40px;
    /* font-size: 15px; */
    padding: 8px 4px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
}

@media only screen and (max-width: 1100px) {
    a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 0px;
    right: 2px;
    /* font-size: 15px; */
    padding: 8px 4px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
}
@media only screen and (max-width: 712) {
    a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
       top: 8px;
    right: 212px;
    /* font-size: 15px; */
    padding: 8px 4px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-width: 991px) {
    .width-100{
    width: 100%;
    display: block;
}
/*.contact-no {
    text-align: center;
}*/
.social-media{
    text-align: center;
    padding: 10px 0;
}
.social-media ul li {
    float: none;
    display: inline-block;
}
.service-container .service-content{
    text-align: center;
    float: none !important;
}
.service-content h3 {
    padding: 0px 0 15px 0px;
}
.service-content h3:before {
    display: none;
}
.testimonial-section .service-content{
    text-align: center;
    float: none !important;
}

.testimonial-section .mt-60{
    margin-top: 0px;
}
.mission {
    box-shadow: 3px -1px 20px 8px rgb(243 243 243);
    padding: 25px 35px;
    position: relative;
    min-height: 265px;
    margin-bottom: 30px;
   
 height:auto;
}
.mission h4 {
    /* margin-left: 100px; */
    text-align: left;
    font-size: 24px;
    color: #a42149;
    font-weight: 900;
    margin-bottom: 21px;
}

}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .img-container .img-fluid {
        width: 100%;
        height: 237px;
    }
    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .show > .nav-link {
        margin: 0 5px;
    }
    .navbar-dark .navbar-brand {
        margin: 10px 0;
    }
  .mission img {
    position: relative;
    top: -8px;
}
.featured-imagebox-services.style1 .featured-content {
    
    height:auto;
}
.dropdown:hover .dropdown-content {display: block;}



}


@media only screen and (max-width: 767px) {
    .mobile-view{
        display: block;
    }
    .desktop-view{
        display: none;
    }
    .service-content .content.bottom .icon {
        bottom: auto;
        top: -25px;
        transform: rotate(180deg);
    }
    .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
    float: right;
    padding-top: 14px;
}
.navbar-dark .navbar-brand {
    color: #fff;
    width: 74%;
}
header .float-right {
    float: none !important;
}
.spacing-9 {
    padding: 80px 24px 80px 24px;
}
.spacing-10 {
    padding: 80px 30px 80px 30px;

}
.tab-area .nav-link {
    display: list-item;
    padding: 10px 10px;
    margin-right: 10px;
    font-size: 12px;
    background-color: #c6c6c5;
    banckground-color: black;
    color: #ffffff;
}

 .nav-item {
        display: inline-block;
        width: 400px;
        }
        .quote-content h4 {
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
}


.section-title h2.title {
    font-size: 24px;
    line-height: 44px;
    font-weight: 900;
    margin-bottom: 0;
}
.newdemo {
    margin-right:0px;
    padding: 10px;

}
.dropdown-submenu:hover .dropdown-menu
{
    display: block;
}
.featured-imagebox-services.style1 .featured-content {
    
    height:auto;
}
.dropdown-content {
  display: none;
  position: relative;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content:hover {
  display: block;
}
.img-place {
    direction: ltr;
}
.column {
    float: center;
    padding: 5px;
    width: 70px;
}

.mission img {
    position: revert;
    top: -52px;
}

/*a.blantershow-chat {
    
    color: #404040;
    position: absolute;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 98;
    top: 10px;
    right: 224px;
   
    padding: 8px 4px;
    border-radius: 30px;
    
}*/
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .banner-header h1::before {
  display: none;
}
.padding-left-0 {
    padding-left: 14px;
}
.testimonial-content p {
    font-size: 10px;
    padding: 16px 0px;
}
.testimonial-icon-left {
    position: absolute;
    background-color: #393636;
    color: #ffff;
    padding: 12px 12px;
    top: 205px;
    left: -11px;
}
.testimonial-icon-right {
    position: absolute;
    background-color: #393636;
    color: #ffff;
    padding:12px 12px;
    top: 206px;
    right: -9px;
}
.quote-section {
    margin: 0;
    max-width: none;
    background: url(../../assets/images/quote_banner.jpg) no-repeat top center;
    background-size: cover;
    padding: 0px;
    text-align: center;
}
.quote-section p {
    font-size: 26px;
    font-weight: 600;
    color: #810f40;
    padding-bottom: 60px;
    font-family: antonregular;
}
.quote-section p {
    font-size: 26px;
    font-weight: 600;
    color: #810f40;
    padding-bottom: 60px;
    font-family: antonregular;
}
.logo-icon {
    left: 9px;
    position: inherit;
}
.banner-header {
    background: -moz-linear-gradient(180deg, #FFFFFF 0%, #CCCCCC 100%);
    background: -webkit-linear-gradient(180deg, #FFFFFF 0%, #CCCCCC 100%);
    background: -o-linear-gradient(180deg, #FFFFFF 0%, #CCCCCC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#FFFFFF', GradientType=1 );
    background: -ms-linear-gradient(180deg, #FFFFFF 0%, #CCCCCC 100%);
    background: linear-gradient(180deg, #f8f5f5 0%, #CCCCCC 100%);
    padding: 186px 0 93px;
    background: url(../../assets/images/banners_two.jpg) no-repeat top center;
    background-size: cover;
}
.about-content {
    padding: 60px 8px;
}
.mission h4 {
      /* margin-left: 100px; */
    text-align: left;
    font-size: 24px;
    color: #a42149;
    font-weight: 900;
    margin-bottom: 21px;
}
.mission img {
    
    top: -10px;
    position: relative;
}
.quote-content a {
    display: inline-block;
    width: 175px;
    margin-: 12px 0px;
    margin: 12px 0px;
}
.primary-btn {
    background: #810f40;
    color: #FFF;
    padding: 10px 16px;
    text-transform: uppercase;
    border-radius: 6px;
}
.section-title {
    position: relative;
    margin-top: 42px;
}
.mission {
    box-shadow: 3px -1px 20px 8px rgb(243 243 243);
    padding: 25px 35px;
    position: relative;
    min-height: 265px;
    margin-bottom: 30px;
    height: auto;
    /* text-align: justify; */
    /* max-height: 500px; */
}
a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: 138px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    top: 48px;
    right: 0px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}
.contact-no {
    color: #FFF;
    text-align: center;
    font-size: 20px;
}
}

@media only screen and  (max-width: 490px){
 
a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: 92px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    top: 45px;
    right: 0px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}


}

@media only screen and  (max-width: 420px){
 
a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: 45px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    top: 45px;
    right: 0px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}


}


@media only screen and  (max-width: 360px){
 
a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: 10px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    top: 45px;
    right: 0px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}


}


@media only screen and (min-width: 710px and max-width: 712) {
    a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
       top: 8px;
    right: 212px;
    /* font-size: 15px; */
    padding: 8px 4px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
}
@media screen and (min-width: 280px) and (max-width: 280px) {
    .newdemo {
        margin-right:50px;
        padding: 10px;
    }

a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: -9px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
}

@media only screen and(min-width: 375px) and (max-width: 667px) {
   .mobile-view .dropdown-submenu:hover .dropdown-menu
{
    display: block;
}

}
@media only screen and(min-width: 820px){
  
    .newdemo {
        margin-right: 201px;
        padding: 800px;
    }
} 
@media only screen and (max-width: 1120px){
.navbar-dark .navbar-toggler {
   
    float: right;
    padding-top: 14px;
}
.mission {
    box-shadow: 3px -1px 20px 8px rgb(243 243 243);
    padding: 25px 35px;
    position: relative;
    min-height: 265px;
    margin-bottom: 30px;
    /* text-align: justify; */
    height: auto;
}

}

/*@media (min-width: 768px) { 
    .dropdown-submenu:hover .dropdown-menu{
        display: block;
        margin-top: 0; 
     }
     .dropdown: hover .dropdown-toggledropbtn{
       display: block;  
     }
     a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    /*color: #404040;
    position: absolute;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 98;
    top: 8px;
    right: 43px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;*/
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}

/*#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    top: 54px;
    right: 26px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}
    }*/

    @media only screen and (max-width: 280px){
.newdemo {
    margin-right: 0px !important;
    padding: 10px;
   
}
.tawk-max-container {
   
    width: 260px;
   
}
.img-place {
    direction: ltr;
}
.column {
    float: center;
    padding: 5px;
    width: 70px;
}

a.blantershow-chat {
    /* background: #009688; */
    /* background: #fff; */
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1000;
    top: 8px;
    right: -9px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    /* box-shadow: 0 1px 15px rgb(32 33 36 / 28%); */
}
    }
@media screen and (min-width: 768px){
 .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: block !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}   
}

