/*! Responcive CSS */

/*! XS Responcive CSS ////////////////////////////////////////////////////////////////////////*/


/*! Responcive 350px SM  ///////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 450px){


body,html {
margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow-x: hidden !important;
      font-family:'futura_bk_btbook', sans-serif; 
}

.navbar-toggler{border: none;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #150eaa; 
}

/*! Body CSS */


.logo{margin-left: 1%; width: 70%;}
#post-work{ display: none; }



/*  Carousel Slider ////////////////////////////////////////////////////////////////////////////////////////*/
/*.carousel-inner {height:450px; padding-bottom: }*/
.carousel-inner img{height: auto; background-position: left;}

.caption1 h1 {
    font-family: 'futura_md_btmedium';
    font-size: 1.8em;
    font-weight: bold;
    width:90%; text-align: center; letter-spacing: 0.1px; color:#7800ff; }


.caption1 p {
    font-size: 0.9em;
    font-weight: 500;
    width: 90%;
    text-align: center;}

  .caption1 { top:28%; color: #fff;
}



  #sldbtn {
    padding: 9px 25px 11px 25px;}

   .m-block{ display: none; }
   .ds-block{display:inherit;}


/*  Carousel Slider  End////////////////////////////////////////////////////////////////////////////////////////*/



/*  Services Tab Slider  ////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.acord-header{ font-size: 0.7em; padding: 1.5rem 0.9rem; }
.accordion-header .blue .active{ background-color: #000;  }
.blue h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%; }
.green h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.purpal h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.skublu h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.marun h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
#custome{padding-left:10%;}

.accordion-button:not(.collapsed){  color: #000;  }
.blue{ background-color: #150eab!important; color: #fff; }
.green{ background-color: #81cd44!important; color: #fff; }
.purpal{ background-color: #4d2b8b!important; color: #fff; }
.skublu{ background-color: #3472ad!important; color: #fff; }
.marun{ background-color: #86223c!important; color: #fff; }

#headingOne{color: #150eab;}
.accordion-button:focus{box-shadow: none;}

/*  Services Tab Slider  End ////////////////////////////////////////////////////////////////////////////////////////////*/
.c-model{ max-width:100% !important; padding:0em 0em 1em 0em;}


/*   Services Slider  ////////////////////////////////////////////////////////////////////////////////////////////*/

.hr3-2{ padding: 1.5em  0em 3em 0em ;  text-align: left; height: auto; }

#icon-box {
    margin: 5px 3px 10px 3px;
    padding: 0px 0px 0px 0px;
    width: 108px;
    height: 80px;
    text-align: center;
    float: left;
}

#icon-box:hover{
    margin: 5px 3px 10px 3px;
    padding: 0px 0px 0px 0px;
    width: 108px;
    height: 80px;
    text-align: center;
    float: left;  border: 1px solid #a200ff; box-shadow: none;  
    
}


.wp a {
    color: #000;
    text-decoration: none;}


.hr3-1 { border: none; padding: 2em 1em 2em 1em; }   

.ssh {padding-top: 13%; padding-bottom: 1em;}
.ssh h1 { letter-spacing: 0.1px; font-size: 1.8em}
.ssh h3 {color:#000; letter-spacing: 0.1px;     font-size: 0.9em; }

.howl {padding-top: 1em; padding-bottom: 3em;}
.how-1 {padding: 3em 1em 3em 1em;}
.how-1 h1 {font-size: 2.2em; margin-top:10px;}

#inr-btn {
    padding: 8px 70px 8px 70px;
	background-color: #000; color:#FFFFFF;  text-align:center; width:45%;}

.tstmnl {
    padding: 2em 1em 7em 1em;
}



.tstmnl-1 p {
    font-size: 0.9em;
    text-align: center;
}
.tstmnl-1 h1 {
    font-size: 2.6em;

}




.box {margin: 16px 4px 0px 4px;}
#autoWidth {
    height: 389px !important;
} 

#icon-box  { border: none; }
#icon-box p {
    font-size: 0.7em;}

.sec-video h1 span {
    font-size: 0.5em;}



.tstmnl-1 {
    padding: 2em 1em 0em 1em;
    text-align: left; border: none;
}
.tstmnl-2{ padding-top: 0em; }

#ftr-more {padding: 15px 60px 12px 60px; }

#ftr-more2 { padding: 15px 47px 12px 47px;}

#cont-mail { width: 75%; font-size: 1em; padding-top: 1em;}

#cont-send {font-size: 0.8em; width: 25%; margin-top: 18px;}
.whtprt{ padding:5% 5% 5% 5%;  }

.f2 { width: 44%;}
.ftr-mnu ui li a {
    color: #fff;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 0.5px;
   
}
   .ftr-mnu h5 {
    font-size: 1em;

}

.f2 {
    padding: 33px 20px 11px 30px !important
}

.f-logo {
    margin-left: 0%;
    width: 50%;
}

.ftm a{padding: 0px  10px  0px  0px}

.ftm {font-size: 14px;}
 .cp1{ font-size: 0.9em;  line-height:1.9em ;} 

  .cp2{font-size: 0.9em;   line-height:0.9em; } 

   .cp3{font-size: 0.9em ; line-height:0.5em ;} 


.copyright { padding: 1em 1em 1em 2em;}


.pr-pkg {
    padding: 6% 15% 24% 15%;
    text-align: center;
}
.pr-pkg h1{ font-size: 1.3em; }
.pr-pkg p {
    font-family: montserrat, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    font-weight: 500;
}


.checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label {
    position: relative;
    display: inline-block;
    padding: 14px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-left: 4px;
    margin-right: 0px;
    margin-bottom: 16px;
    text-align:left;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--white);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    font-weight: 800;
}


.form-group h3 { font-size: 0.9em;}
.form-group input { border: 2px solid #000; margin-bottom: 2em;}
.form-group textarea { border: 2px solid #000; margin-bottom: 2em;}
.redio-group {border: 2px solid #000; width: 100%; height: 50px;}
.form-group {
    text-align: left;
    width: 100%;
    margin: auto;
}

.form-group select {margin-bottom: 2em;}



#m-btn{  
    padding: 8px 15% 8px 15%;
    background-color: #000; color:#fff;
}



/*   Services Slider r  End ////////////////////////////////////////////////////////////////////////////////////////////*/









.slider__txt {
    font-size: 0.9;
    font-weight: bold;
    font-family:aperturaregular;
    line-height: 1.2;
    color: #111;
    max-width: -webkit-fill-available;
    z-index: 2;
   
    padding: 5% 5% 0% 5%;
    border-radius:0%;
    border: 3px solid #150eab;
    width: 90%;
    height: auto;
    margin-left: 0%;
    margin-bottom: 10%;
    margin-top: 65%;
}


.testimonials-section{ top: -60px; height: auto; min-height: 800px; }

.slider__txt h2 {
    font-family: 'gothambold';
    font-size: 0.9em;
    padding: 8% 0% 1% 0%;
    width: 100%;
    letter-spacing: -1px;
    line-height: 26px;}

.slider__txt p { font-size: 0.6em; padding: 2% 0% 2% 0%; color: #333;   }

 .testi-user img{display: none;}
.testi-user p b { font-size: 1.1em;}
    
.slider__nav { margin: 7px 12px; text-align: center; z-index: 20; }



.work {
    padding: 1em 0em 1em 0em;
}

.work-cap {
    padding: 1em 1em 1em 1em;
}


.scl h2{ font-size: 1em; text-align: center; }
.scl h1 {font-size: 2.5em; text-align: center; padding-bottom: 0;}
.scl p{padding-right: 0%; text-align: center; padding: 0em 2em 1em 2em; font-size: 0.8em;}


.smhl{ padding-top:3em; padding-bottom:0em;}
.smh-1{ padding: 2em 2em 2em 2em ; text-align: left;  }
.smh-1 h1{ font-size:2.5em; font-weight:700; font-family: 'GT Super Display Regular'; line-height: 1em;  } 
.smh-1 p{ font-size: 0.8em; font-weight:400; font-family: 'gothambook'; line-height: 1.4em; } 
.smh-1 h2{ font-size:1.1em; font-weight:400; font-family: 'gothambook'; line-height: 2em; } 
.smh-2 { padding: 3em 0em 0em 0em; }


.pdhl{ padding-top:3em; padding-bottom:3em;}
.pdh-1{ padding: 2em 2em 2em 2em ; text-align: left;  }
.pdh-1 h1{ font-size:2.5em; font-weight:700; font-family: 'GT Super Display Regular'; line-height: 1em;  } 
.pdh-1 p{ font-size: 0.8em; font-weight:400; font-family: 'gothambook'; line-height: 1.4em; } 
.pdh-1 h2{ font-size:1.1em; font-weight:400; font-family: 'gothambook'; line-height: 2em; } 



.sm-r {width: 100%;}
.sm-1{width: 300px !important;}
.sm-l {width: 100%;}
/*  Footer ////////////////////////////////////////////////////////////////////////////////////////*/





/*  Footer ////////////////////////////////////////////////////////////////////////////////////////*/

.bluprt h6{ font-size: 1.5rem; }

.sov2{    width: 91%;
    margin: 1em;
    border: 3px solid #000;
    border-radius: 10px}

/*  Footer End /////////////////////////////////////////////////////////////////////////////////////////////*/


 } /*! Responcive 350px SM end  ////////////////////////////////////////////////////////////////////*/





/*! Responcive 350px SM  ///////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 750px){


body,html {
margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow-x: hidden !important;
      font-family:'futura_bk_btbook', sans-serif; 
}

.navbar-toggler{border: none;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #150eaa; 
}

/*! Body CSS */


.logo{margin-left: 1%; width: 70%;}
#post-work{ display: none; }



/*  Carousel Slider ////////////////////////////////////////////////////////////////////////////////////////*/
/*.carousel-inner {height:450px; padding-bottom: }*/
.carousel-inner img{height: auto; background-position: left;}

.caption1 h1 {
    font-family: 'futura_md_btmedium';
    font-size: 2.2em;
    font-weight: bold;
    width:90%;
    text-align: center;
    letter-spacing: 0.1px; color: #fff;
    }


.caption1 p {
    font-size: 1.5em;
    font-weight: 700;
    width: 90%;
    text-align: center; color: black;}

  .caption1 { top:15%; color: #fff;
}



  #sldbtn {
    padding: 9px 25px 11px 25px;}

   .m-block{ display: none; }
   .ds-block{display:inherit;}


/*  Carousel Slider  End////////////////////////////////////////////////////////////////////////////////////////*/



/*  Services Tab Slider  ////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.acord-header{ font-size: 0.7em; padding: 1.5rem 0.9rem; }
.accordion-header .blue .active{ background-color: #000;  }
.blue h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%; }
.green h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.purpal h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.skublu h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
.marun h3 a{ color: #fff; font-size:0.7em; text-decoration: none; padding-left:10%;}
#custome{padding-left:10%;}

.accordion-button:not(.collapsed){  color: #000;  }
.blue{ background-color: #150eab!important; color: #fff; }
.green{ background-color: #81cd44!important; color: #fff; }
.purpal{ background-color: #4d2b8b!important; color: #fff; }
.skublu{ background-color: #3472ad!important; color: #fff; }
.marun{ background-color: #86223c!important; color: #fff; }

#headingOne{color: #150eab;}
.accordion-button:focus{box-shadow: none;}

/*  Services Tab Slider  End ////////////////////////////////////////////////////////////////////////////////////////////*/
.c-model{ max-width:100% !important; padding:0em 0em 1em 0em;}


/*   Services Slider  ////////////////////////////////////////////////////////////////////////////////////////////*/

.hr3-2{ padding: 1.5em  0em 3em 0em ;  text-align: left; height: auto; }

#icon-box {
    margin: 5px 3px 10px 3px;
    padding: 0px 0px 0px 0px;
    width: 108px;
    height: 80px;
    text-align: center;
    float: left;
}

#icon-box:hover{
    margin: 5px 3px 10px 3px;
    padding: 0px 0px 0px 0px;
    width: 108px;
    height: 80px;
    text-align: center;
    float: left;  border: 1px solid #a200ff; box-shadow: none;  
    
}


.wp a {
    color: #000;
    text-decoration: none;}


.hr3-1 { border: none; padding: 2em 1em 2em 1em; }   

.ssh {padding-top: 13%; padding-bottom: 1em;}
.ssh h1 { letter-spacing: 0.1px; font-size: 1.8em}
.ssh h3 {color:#000; letter-spacing: 0.1px;     font-size: 0.9em; }

.howl {padding-top: 1em; padding-bottom: 3em;}
.how-1 {padding: 3em 1em 3em 1em;}
.how-1 h1 {font-size: 2.2em; margin-top:10px;}

#inr-btn {
    padding: 8px 70px 8px 70px;
    background-color: #000; color:#FFFFFF;  text-align:center; width:45%;}

.tstmnl {
    padding: 2em 1em 7em 1em;
}



.tstmnl-1 p {
    font-size: 0.9em;
    text-align: center;
}
.tstmnl-1 h1 {
    font-size: 2.6em;

}




.box {margin: 16px 4px 0px 4px;}
#autoWidth {
    height: 389px !important;
} 

#icon-box  { border: none; }
#icon-box p {
    font-size: 0.7em;}

.sec-video h1 span {
    font-size: 0.5em;}



.tstmnl-1 {
    padding: 2em 1em 0em 1em;
    text-align: left; border: none;
}
.tstmnl-2{ padding-top: 0em; }

#ftr-more {padding: 15px 60px 12px 60px; }

#ftr-more2 { padding: 15px 47px 12px 47px;}

#cont-mail { width: 75%; font-size: 1em; padding-top: 1em;}

#cont-send {font-size: 0.8em; width: 25%; margin-top: 18px;}
.whtprt{ padding:5% 5% 5% 5%;  }
.whtprt h2 { font-size: 1.2rem;}
.whtprt span {font-size: 1.2rem;}

.f2 { width: 44%;}
.ftr-mnu ui li a {
    color: #000;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 0.5px;
   
}
   .ftr-mnu h5 {
    font-size: 1em;

}

.f2 {
    padding: 33px 20px 11px 30px !important
}

.f-logo {
    margin-left: 0%;
    width: 50%;
}

.ftm a{padding: 0px  10px  0px  0px}

.ftm {font-size: 14px;}
 .cp1{ font-size: 0.9em;  line-height:1.9em ;} 

  .cp2{font-size: 0.9em;   line-height:0.9em; } 

   .cp3{font-size: 0.9em ; line-height:0.5em ;} 


.copyright { padding: 1em 1em 1em 2em;}


.pr-pkg {
    padding: 6% 15% 24% 15%;
    text-align: center;
}
.pr-pkg h1{ font-size: 1.3em; }
.pr-pkg p {
    font-family: montserrat, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    font-weight: 500;
}


.checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label {
    position: relative;
    display: inline-block;
    padding: 14px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-left: 4px;
    margin-right: 0px;
    margin-bottom: 16px;
    text-align:left;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--white);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    font-weight: 800;
}


.form-group h3 { font-size: 0.9em;}
.form-group input { border: 2px solid #000; margin-bottom: 2em;}
.form-group textarea { border: 2px solid #000; margin-bottom: 2em;}
.redio-group {border: 2px solid #000; width: 100%; height: 50px;}
.form-group {
    text-align: left;
    width: 100%;
    margin: auto;
}

.form-group select {margin-bottom: 2em;}



#m-btn{  
    padding: 8px 15% 8px 15%;
    background-color: #000; color:#fff;
}



/*   Services Slider r  End ////////////////////////////////////////////////////////////////////////////////////////////*/









.slider__txt {
    font-size: 0.9;
    font-weight: bold;
    font-family:aperturaregular;
    line-height: 1.2;
    color: #111;
    max-width: -webkit-fill-available;
    z-index: 2;
   
    padding: 5% 5% 0% 5%;
    border-radius:0%;
    border: 3px solid #150eab;
    width: 90%;
    height: auto;
    margin-left: 0%;
    margin-bottom: 10%;
    margin-top: 65%;
}


.testimonials-section{ top: -60px; height: auto; min-height: 800px; }

.slider__txt h2 {
    font-family: 'gothambold';
    font-size: 0.9em;
    padding: 8% 0% 1% 0%;
    width: 100%;
    letter-spacing: -1px;
    line-height: 26px;}

.slider__txt p { font-size: 0.6em; padding: 2% 0% 2% 0%; color: #333;   }

 .testi-user img{display: none;}
.testi-user p b { font-size: 1.1em;}
    
.slider__nav { margin: 7px 12px; text-align: center; z-index: 20; }



.work {
    padding: 1em 0em 1em 0em;
}

.work-cap {
    padding: 0em 1em 0em 1em;
}


.scl h2{ font-size: 1em; text-align: center; }
.scl h1 {font-size: 2.5em; text-align: center; padding-bottom: 0;}
.scl p{padding-right: 0%; text-align: center; padding: 0em 2em 1em 2em; font-size: 0.8em;}


.smhl{ padding-top:3em; padding-bottom:0em;}
.smh-1{ padding: 2em 2em 0em 2em ; text-align: left;  }
.smh-1 h1{ font-size: 1.2em;
    font-weight: 700;
    font-family: 'montserratmedium';
    line-height: 1.3em;  } 
.smh-1 p{ font-size: 0.8em; font-weight:400; font-family: 'gothambook'; line-height: 1.4em; } 
.smh-1 h2{ font-size:1.1em; font-weight:400; font-family: 'gothambook'; line-height: 2em; } 
.smh-2 { padding: 3em 0em 0em 0em; }

.sm-r {width: 100%;}
.sm-1{width: 300px !important;}
.sm-l {width: 100%;     height: 357px;}

.nav-scroller-item {
    font-size: 0.8rem;
}
.fullwidth {margin: 0px 0;}

.thumb {
    padding-left: 15px;
    padding-right: 15px;
}



/*  Footer ////////////////////////////////////////////////////////////////////////////////////////*/


/*  Footer ////////////////////////////////////////////////////////////////////////////////////////*/

.bluprt h6{ font-size: 1.5rem; }

.msov {
   width: 84%;
    height: 500px;
    margin: 1.5em;
    border: 5px solid #000;
    border-radius: 29px;
    background-color: #000000;}
	
	.psov{ display:none;}

/*  Footer End /////////////////////////////////////////////////////////////////////////////////////////////*/


 } /*! Responcive 350px SM end  ////////////////////////////////////////////////////////////////////*/


@media screen and (min-width:1366px)   {
.caption1 h1 {font-size: 3.5em;}
.hr3-1 h1 {font-size: 2em;

}

}