/*-Media extra small screen-*/
@media (max-width: 575px){

div#disclaimerBoxOuter2 {    
    left: 5%;
    width: 90%;
}

.discontent2 h4 {
    font-size: .8em;
    font-weight: 900;
    background: #0000005e;
    color: white;
    text-align: left;
    width: max-content;
    display: block;
    padding: 5px;
    transform: translateX(30%);
    margin-bottom: 0;
    opacity:1;
    animation-name: discontentAnimate;
    animation-duration: 30s;
    background: #000000d9;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes discontentAnimate{
    0%  {transform: translateX(30%);}
    100% {transform: translateX(-100%);}
}

div#disclaimerBox2 a.red-btn {
    top: -5px;
}

div#disclaimerBoxOuter {
    transform: scale(.7);
    transform-origin: right bottom;
}

.baa .hair-left {
    display: none;
}

.baa .hair-left h1 {
    top: 2em;
}

.hair-right h1 {
    font-size: 1.5em;
}

.gallery img {
    max-width: 100%;
    height: auto;
    padding: 10%;
    margin-top: 5em;
}

.gallery .carousel-controls {
    display: block;
    bottom: 5em;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.gallery .carousel-item.active::before{
    display: none !important;
}

.gallery .carousel-item::before{
    display: none !important;
}

.baa .hair-right{
    height: 100%;
    padding-top: 1em;
}

.baa .contact-form {
    transform: scale(.9);
    transform-origin: top center;
}


.only-mob{
    display: block;
}

.baa h1.only-mob {
    margin-top: 70px;
}

div#open-menu:after{
    display: none;
}

.loaderANIMATE {
    transform: scale(.15);
    -webkit-transform: scale(.15);
}

div#snappedIndex {
    transform: scale(.7);
    right: 0;
}

div#open-menu:hover:after{
    display: none;
}

.hair-left{
    height: 50vh;
    overflow: hidden;
}

.hair-right{
    padding-top: 7em;
    height: 50vh;
    overflow: hidden;
}
.carousel-controls{
    display: none;
}

.about-sec h2 {
    margin-top: 3em;
}

.min-circle h1{
    font-size: 1em;
    margin-top: 10px;
}

.about-sec p {
    font-size: 1em;
}

a.greenLeaf {
    padding: .5em;
}

div#homepageSlider .carousel-caption h1 {
    font-size: 4em;
}

.spacer {
    height: 40px;
    width: 100%;
    margin-top: 0px;
}

div#about-page {
    padding: 50px 5%;
}

div#clients-sec .col-xs-6 {
    width: 50%;
}

.order1{
    order: -1;
}

.head-service{
    margin-bottom: 2em;
}

div#homepageSlider .carousel-caption p {
    font-size: .7em;
}

span.curve-top, span.curve-bot{
    height: 100px;
}

navbar.menu {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #272727;
    padding: 1em;
    padding-top: 4em;
    z-index: 99;
    overflow: auto;
    border-top: .2em solid #f94340;
}

navbar#mobMenu {
    left:-110%;
    transition: all .4s ease-in-out;
}

nav {
	color: #002c44;
    padding: .6em 1em;
    border-bottom: 1px solid #ffffff17;
    border-radius: 0em;
    width: 100%;
    text-align: left;
    padding-left: 2em;
    font-size: 1.2em;
}

.openSearch {
    top: 0;
    right: .5em;
    position: absolute;
    padding: 1.5em 1em;
}

.logo img {
    max-height: 38px;
}

.header{
	padding: 0em 0%;
	height: 60px;
    padding-top: 0 !important;
}


.navigation{
    display: none;
}

.navigation-mob{
    display: inline-block;
}

.bars{
    display: block;
}

#close-menu, #open-menu {
    width: 61px;
   padding: 11px 10px;
    height: 62px;
    top: 0px;
    transition: all .2s ease-in-out;
}





div#homepageSlider video {
    width: auto;
    height: 100%;
    width: auto !important;
    animation-name: slideAnimate;
    animation-duration: 14s;
    transform-origin: left;
    transform:translateX(0%);
    animation-timing-function:linear;
    animation-iteration-count: infinite;
}

@keyframes slideAnimate{    
    0%{transform:translateX(0%);}
    50%{transform:translateX(-50%);}
    100%{transform:translateX(0%);}
}

div#topHeader {
    font-size: .7em;
}
div#topHeader a {
    display: block;
}

.social-box {
    display: none;
}

.carousel-control-next, .carousel-control-prev{
    display: none;
}

div#highlight-sec {
    margin-top: -12em;
    min-height: 675px;
}

.red-box{
    margin-bottom: 2em;
    display: block;
}

.content-box-blk.blu::after {
    width: 1em;
    height: 1em;
    bottom: -8px;
}

.content-box-blk, .content-box-blk.blu{
    width: 100%;
}

.pro-cont-center {
    order: -1;
}
.pro-box {
    margin-bottom: 2em;
}

div#products-sec, div#about-sec, div#recom-sec {
    padding: 5% 5%;
}


div#products-sec img {
    padding: 0;
    margin: 0em auto;
}

.quote-sec{
    border-radius: 0em;
}

.quote-sec h1 {
    margin-bottom: 0em;
    text-align: center;
    display: block;
    font-size: 1.7em;
}

.col-xs-6.col-sm-6.col-md-4.col-lg-4.recom-part {
    max-width: 50%;
    padding: .5em;
}

.part-box h4 {
    font-size: 1em;
}

.quote-sec a {
    margin-top: 1em;
}

div#products-sec {
    background: #ffffff;
}


hr{
    padding: 0;
}

.hide-on-mobile {
    display: none;
}

/*projects slider*/


div#projectsSlider .carousel-control-prev {
    left: -20px;
    display: flex;
}

div#projectsSlider .carousel-control-next {
    right: -20px;
    display: flex;
}

.head-service h1 {
    padding-top: 150px;
}


}

/*-Media small screen-*/
@media (min-width: 576px) and (max-width: 768px){

.baa .hair-left {
    display: none;
}

.baa .hair-left h1 {
    top: 2em;
}

.baa .hair-right{
    height: auto;
    padding-top: 1em;
}

.baa .contact-form {
    transform: scale(.9);
    transform-origin: top center;
}


.only-mob{
    display: block;
}

.baa h1.only-mob {
    margin-top: 70px;
}

div#open-menu:after{
    display: none;
}

div#open-menu:hover:after{
    display: none;
}


.min-circle h1{
    font-size: 1em;
    margin-top: 10px;
}

.about-sec p {
    font-size: .8em;
}

a.greenLeaf {
    padding: .5em;
}

div#clients-sec .col-xs-6 {
    width: 50%;
}


.order1{
    order: -1;
}

.head-service{
    margin-bottom: 2em;
}

.navigation{
    display: none;
}

.navigation-mob{
    display: inline-block;
    width: 50%;
}



.bars{
    display: block;
}

#close-menu, #open-menu {
    width: 61px;
   padding: 11px 10px;
    height: 62px;
    top: 0px;
    transition: all .2s ease-in-out;
}

.logo img {
    max-height: 40px;
}

.header{
	padding: 0em 4%;
	height: 60px;
}



.menu-bars {
    display: block;
    right: 2em;
}

.searchBox .input-group {
    width: 70%;
}

.searchBox .input-group:hover {
    width: 70%;
} 

.common-search {
    width: 80%;
    padding: 2em 0em;
}

button.closeSearch {
    top: 0em;
    padding: .7em;
}

.slider {
    min-height: 500px;
}

.slide-left {
    padding-top: 50%;
}






div#topHeader {
    font-size: .7em;
}
div#topHeader a {
    display: block;
}

.social-box {
    display: none;
}

div#highlight-sec {
    margin-top: -11em;
    min-height: 350px;
}
.pro-cont-center {
    order: -1;
}



.quote-sec{
    border-radius: 0em;
}

.quote-sec h1 {
    margin-bottom: 0em;
    text-align: center;
    display: block;
    font-size: 1.7em;
}

.part-box h4 {
    font-size: 1em;
}
.quote-sec a {
    margin-top: 1em;
}

}


/*-Media medium screen-*/
@media (min-width: 769px) and (max-width: 1099px){

.baa .hair-left {
    display: none;
}

.baa .hair-left h1 {
    top: 2em;
}

.baa .hair-right{
    height: auto;
    padding-top: 1em;
}

.baa .contact-form {
    transform: scale(.9);
    transform-origin: top center;
}


.only-mob{
    display: block;
}

.baa h1.only-mob {
    margin-top: 70px;
}

.about-sec p {
    font-size: .8em;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track {
  background: #bdbdbd;    
  box-shadow: inset 0px 0px 2px black;  
}

::-webkit-scrollbar-thumb {
  background: #a7c518;
  border-radius: 15px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.navigation-mob{
    display: inline-block;
    width: 40%;
}




div#highlight-sec {
    margin-top: -11em;
    min-height: 380px;
}


.quote-sec a {
    display: inline-block;
    float: right;
}

.quote-sec h1 {
    float: left;
}

.desktopHeader .navLink{
    padding: 0 0;
}

.black-bg {
    padding: 1em;
}



div#homepageSlider .carousel-caption{
    bottom: 300px
}

}


/*-Media large screen-*/
@media (min-width: 1100px) and (max-width: 1700px){

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track {
  background: #bdbdbd;    
  box-shadow: inset 0px 0px 2px black;  
}

::-webkit-scrollbar-thumb {
  background: #a7c518;
  border-radius: 15px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.navigation-mob{
    display: inline-block;
    width: 35%;
}



.red-box, .content-box-grp{
    transform: scale(1.5);
    transform-origin: top;
}

div#highlight-sec {
    margin-top: -16em;
}

.quote-sec a {
    display: inline-block;
    float: right;
}

.spacer {
    height: 100px;
    width: 100%;
}

.quote-sec h1 {
    float: left;
}


div#subheader h1 {
    font-size: 4em;
}

div#homepageSlider .carousel-caption{
    bottom: 300px
}

div#products-sec {
    padding: 5% 10%;
}

div#get-your-answers {
    padding: 10em 5%;
}

.round-box {
    transform: scale(1.3);
}

h1.get-question {
    transform: scale(1.2);
    text-align: left;
    margin-left: 15%;
    padding-top: 12%
}

div#homepageSlider .carousel-caption h1 {
    color: #ffffff;
    font-size: 4em;
    filter: drop-shadow(8px 9px 0px #00000050);
    font-weight: 900;
}

}


/*-Media large screen-*/
@media (min-width: 1300px) and (max-width: 20000px){



div#homepageSlider .carousel-caption h1 {
    color: #ffffff;
    font-size: 6em;
    filter: drop-shadow(8px 9px 0px #00000050);
    font-weight: 900;
}

.baa.hair-sec {
    height: 130vh;
}


a.whatsapp {
    top: 8px;
}

.navigation-mob{
    display: inline-block;
    width: 35%;
}


}