/*==================================================
=            Bootstrap 5 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .service  img{width: 100%!important; }
    .width33{ width: 50%!important;     flex: none; }
    .font40 {    font-size: 18px!important;}
    .fontres26{ font-size:20px!important; }
}
@media (max-width: 480px){
    
     #instafeed-container a img{    width: 33%!important;  padding: 4px!important;}
    .btn-whatsapp-pulse{bottom: 110px;}
    .slider-title {
    
   
    
    line-height: 15px!important;
   
   
    
}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
   #instafeed-container {    margin-bottom: 30px!important;}
    #instafeed-container a img{    width: 25%;  padding: 5px;}
    .btn-whatsapp-pulse{bottom: 80px;}
     .slider-container {
       /* padding: 100px; */
    position: absolute;
    color: #000;
    left: 40px;
    line-height: 30px;
    bottom:10%;
}  

.slider-title {
        font-family: 'Inter', sans-serif;
    font-size: 100%;
    text-align: left;
    
    
    line-height: 28px;
   
    color: #621045;
    padding: 0px 0px;
    opacity: 1;
}
.slider-container h1{ font-size: 7vw;  }
.swiper-slide {
    text-align: center;
}
    
    
    
    
    #div-to-toggle{width: 90%;}
    
    .callbox {
    padding: 0px 50px;
}
    .scrollToTop{     bottom: 80px;}
    .dblockres {
    display: block;
}
    
    
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ display: none; }
    
    .step-content{ margin-left: 10px; }
    .step-item{display: flex;}
    
    .text-leftres{ text-align: left!important; }
    .justify-content-leftres{    justify-content: left!important;}
    .col-md-4.width{ width: 100%; }
    .col-md-6.width{ width: 100%; }
    .formbox{ display: none; }
    .scrollableNav{ }
    .textrescen {
    text-align: center!important;
}
    .font40 {    font-size: 28px;}
    .fontres26{ font-size:26px; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    
    footer#footer a:not(.social-link):not(.icon)
    {
  
    font-size: 1rem;
}
    
    .call-to-action{ margin-top: 50px;}
    
    .col-sm-8.width{ width: 100%; }
    .faq-form{    box-shadow: none;}
    .faqbox{    box-shadow: none;}
     .vidbox{ box-shadow: none;}
    .faq-form{ max-width: 100%!important; margin-top: 50px; }
    .wrap{ display: none!important; }
     
    .sticky-div.fixed{position:relative!important; top: 0;}

    
    
    .call-action-inner {padding: 20px;}
    
    
    .pb-90 {
    padding-bottom: 40px !important;
}
.pt-90 {
    padding-top: 40px !important;
}
    .feature-block{ margin-bottom: 0px; margin-top: 15px; }
    .width33{width:33%; flex: none;}
    .font40 {
    font-size: 32px;
}
    
    footer#footer .footer-widget-area .widget span
    {
        color: #fc6a20;
      font-size: 18px;
    }
    
    footer#footer .footer-widget-area .widget p{ font-size: 1rem; }
    
    .statistics-item { margin-bottom: 10px; }
    .styled-icons li { margin-bottom: 10px; }
    .tm-sc-section-title{ margin-bottom: 15px; }
    .pad100{ padding: 40px 0px;  }
    #header{display: none;} 
    #headerres{display: block; height:75px; box-shadow: 0 10px 20px rgb(0 0 0 / 10%);     background: #fff; padding:10px;  border-top: 2px solid #5f1048;}
    #headerres img{ width:45%!important; max-width: 100%; }
    .main-content-area{ margin-top: 75px; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-nav .header-nav-col-row > div,
  .header-nav .header-nav-clone-col-row > div {
    padding: 0; } }
@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm{ max-width: 95%!important; }
    #top-primary-nav .menuzord-menu > li > a, #top-primary-nav-clone .menuzord-menu > li > a{    padding-left: 8px!important;     padding-right: 8px!important;}
    .inputbox{ margin-bottom: 15px;}
}

@media (max-width: 1200px) {
    #top-primary-nav .menuzord-menu > li > a, #top-primary-nav-clone .menuzord-menu > li > a{
            font-size: .8rem;
    padding-left: 10px;
    padding-right: 10px;
    }
    .formbox {
   
    padding: 20px;
    
    top: 15px;
}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}


/*==========  Non-Mobile First Method  ==========*/

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* Large devices (desktops, less than 1200px) */





@media (max-width: 1199.98px) {
    footer#footer .footer-widget-area .widget .widget-title { margin-top: 20px; }
    .top100{ top:0px; }
    
    
    .donne1199{ display: none; }
    .callbox{top: 0px; padding-top: 0px; margin-top: 50px; position: relative;}
    .pad80{ padding: 30px; }
    .formbox{     padding: 20px;   top: 20px;}
    
   .header-top-right:before {
    width: 46px;
    height: 56px;
    background: #5f1048 no-repeat;
    position: absolute;
    content: "";
    top: -38px;
    transform: skew( 
52deg
 , 
132deg
 );
    left: -35px;
}




  header#header.header-nav-left .header-nav-col-row {
    padding: 0px 0; }
    header#header.header-nav-left .header-nav-col-row :first-child {
      order: 1; } 


  header#header.header-layout-type-header-2rows .menuzord-brand {
    margin-bottom: 0px;
    margin-top: 0px; } 


    .mtr20{ margin-top: 20px!important; }
    .menuzord-menu > li{     padding: 10px 0;  }
    header#header .menuzord-brand {
      margin-right: 0px;
      padding: 0px 0; } 
}



/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */

 
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/*
Apple iPhone 5, 5S & 5C 
Apple iPod Touch (5th generation)
*/
@media (min-width: 1136px) and (max-width: 1279px) {
	/*body {	font-size: 16px; }*/
}

.container, .container-lg, .container-md, .container-sm {
    max-width: 90%;
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) 
{

  header#header .menuzord-brand .logo-default.logo-2x {
    display: inline-block; } 

}

@media (min-width: 1200px) {
  header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a,
  header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a {
    color: #fff; } }

header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em {
  background: #fff; }

@media (min-width: 1200px) {
  header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a,
  header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a {
    color: #222; } }




/*
Apple iPhone 4 & 4S
Apple iPod Touch (4th generation)
*/


@media (max-width: 1199.98px) 
  {
    header#header .header-top {
      padding-bottom: 0px;
      padding-top: 0px;
      line-height:; } 
  }

/*
Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/
/* With side menu
@media (min-width: 768px) and (max-width: 1279px) {
*/
/* Without side menu */
@media (min-width: 768px) and (max-width: 959px) {
    /*h1 { font-size:3em; }
    h2 { font-size:2.3077em; }
    h3 { font-size:1.8461em; }
	body {	font-size: 15px; }*/
		/* 39px */
		/* 30px */
		/* 24px */
}



/*
Portrait orientation

Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/




/*
Very common low res
*/
/*@media (max-width: 479px) {
	body {	font-size: 12px; }
	h1 { font-size:2.5em; }
	h2 { font-size:2em; }
	h3 { font-size:2em; }
	h4 { font-size:1.3333em; }
	h5 { font-size:1.1667em; }
	h6 { font-size:1em; }
}*/