@font-face {
  src: url(fonts/Poppins-Regular.ttf);
  font-family: poppins;
}

.StyleNone{
  background: inherit;
  text-decoration: none;
    border: none;
    padding: 0;
    margin: 0;
}

body{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: poppins;
    font-size: 14px;
/*    text-align: justify;
*/  }
#Header{
    width: inherit;
    height: auto;
}
#InfoNewsSectionWrapper{
    display: block;
    background-color: #292a2c;
}
#InfoNewsSectionText{
    margin: 0px;
/*    width: 65%;
*/    padding: 0px;
    border: 0px;
    display: inline-block;
    font-family: Poppins;
    font-size: 14px;
    line-height:1.9;
/*    text-align: right;
*/    color: #ffffff;
}
#InfoNewsSectionButton{
    margin-left: 15px;
    background-color: initial;
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 2px 10px;
    display: inline-block;
    cursor: pointer;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
}
#InfoNewsSectionButton:hover{
    border: 1px solid #e4b20d;
    color: #e4b20d;
}
#HeaderUpperBarWrapper{
    background-color: #e4b20d;
    height: 47px;
    display: block;
    width: 100%;
    margin: 0px;
}

ul.dropdown-menu.show {
    padding: 10px;
    border: 2px solid #E4B208;
}

ul.dropdown-menu.show a {
   color: #000000;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}


#HeaderUpperBarSocailSitesWrapper{
    display: inline-block;
/*    margin-left: 100px;
*/}

#navbarNavAltMarkup{float: right; text-align: right;}

#HeaderUpperBarSocailSitesFacebookLogoBlack{
    width: 44px;
/*    margin-top: -5px;
*/}
#HeaderUpperBarSocailSitesInstagramLogoBlack{
    margin-top: 8px;
    float: right;
    width: 30px;
    margin-left: 5px;
}
#HeaderUpperBarUserProfileWrapper{
   /* margin-right: 110px;*/
    float: right;
}
#HeaderUpperBarUserProfileWrapperSignInButton{
    margin-left: 15px;
    margin-top: 8px;
    background-color: initial;
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 2px 10px;
    display: inline-block;
    cursor: pointer;
    font-family: Poppins;
    font-size: 15px;
    text-align: left;
    color: #000000;
}
#HeaderUpperBarUserProfileWrapperSignInButton:hover{
    border: 1px solid #ffffff;
    color: #ffffff;
}
#HeaderUpperBarSocailSitesSearchLogoBlack{
    float: left;
    margin-top: -7px;
    width: 54px;
}

#HeaderUpperBarUserProfileWrapper:hover #TobBarSearch {

  float: left;
    margin-top: 7px;
  display: block;
}
#HeaderUpperBarUserProfileWrapper:hover #HeaderUpperBarSocailSitesSearchLogoBlack {
  display: none;
}


#InfoNewsSectionWebsiteText{
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    font-family: Poppins;
    font-size: 18px;
    line-height:2;
    text-align: center;
    color: #f1ba25;
}
#underConstruction{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#underConstructionImage{
    width: 50%;
    margin-left: 25%;
    height: auto;
}


/*media queries*/


@media (min-width:1201px) and (max-width:1440px){

	.services-grid-img{
		height: 270px;
	}
	
}	



@media (min-width:1025px) and (max-width:1200px){

  .reachUsDiv{padding: 0px !important;}
  .footertext1{font-size: 14px !important;}
  .footertext{font-size: 14px !important;}
	.services-grid-img{
		height: 220px;}

   h2{
    font-size: 28px;  
  }
  h3{
    font-size: 24px;
  }
  h4{
    font-size: 20px;
  }
    .mainLogo{ height: 105px !important; }

  .stats-text-golden{font-size: 70px !important;}
  .footerlogo{height: 140px !important;}

  .nav-item{
    font-size: 16px !important;
    padding: 0px 0px 0px 22px !important;
}


  .slider {width: 840px !important;}

     .slides > div {
    scroll-snap-align: start;
    width: 260px !important;
    height: 270px !important;
    margin-right: 30px !important;
    margin-bottom: 20px !important;
    padding: 8px !important;
    font-size: 13px !important;}

    .quotationImg{ height: 16px !important; } 

    .testimonialsPersonImg{
    height: 42px !important;
    border-radius: 21px !important;}

    #prevButton{
    height: 35px !important;
    margin-top: 120px !important;}

    #nextButton{
    height: 35px !important;
    margin-top: 120px !important;}

    .ratingStarImg{height: 20px !important;}

	
	
}	



@media (min-width:900px) and (max-width:1024px){

    p{
    font-size:11px !important;
  }

   h2{
    font-size: 26px;
  }
  h3{
    font-size: 22px;
  }
  h4{
    font-size: 20px;
  }

  .mainLogo{ height: 100px !important; }

  .services-grid-img{
    height:180px;

  }
  .footerlogo{
    height: 110px !important;
    padding: 2px;
    }
    .reachUsDiv{ padding: 0px !important; }
    .footerheading{font-size: 16px !important;}
    .footerPhoneIcon{height: 13px !important; }
    .foooterEmailIcon{height: 13px !important;}
    .footertext1{font-size: 10.4px !important;}
    .footertext{font-size: 10.5px !important;}
    .stats-text-golden{font-size: 60px !important;}

     .servicesButton1{
    width: 140px !important;
    height: 35px !important;
    font-size: 17px !important;}
     .servicesButton2{
    width: 140px !important;
    height: 35px !important;
    font-size: 17px !important;}

   .nav-item{
    font-size: 14px !important;
    padding: 0px 0px 0px 15px !important;
}

  .howitworksImages{
    width: auto;
    height: 200px !important;}

  .whymonarchtailorsImages{
    height: 200px !important;
    width: auto;}


     .slider {width: 620px !important;}

     .slides > div {
    scroll-snap-align: start;
    width: 195px !important;
    height: 220px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
    padding: 8px !important; }

    .quotationImg{ height: 11px !important; }

    .locationPin{height: 14px !important; margin-top: -1px !important;}

    .testimonialText{font-size:11px !important; margin-top: -10px;}
  
    .locationWithIcon{font-size: 11px !important; margin-top: -15px; }

    .testimonialName{ font-size: 11px !important; margin-top: -15px !important; padding-left: 14px !important;}

    .testimonialsPersonImg{
    height: 38px !important;
    border-radius: 19px !important; margin-top: -18px !important;} 

    #prevButton{
    height: 32px !important;
    margin-top: 100px !important;}

    #nextButton{
    height: 32px !important;
    margin-top: 100px !important;}
 
    .ratingStarImg{height: 16px !important; margin-top: -12px !important;}

  


}


@media (min-width:768px) and (max-width:899px){

	p{
		font-size:11px !important;
	}

  .mainLogo{ height: 100px !important; }
  
   h2{
    font-size: 24px;
  }
  h3{
    font-size: 20px;
  }
  h4{
    font-size: 18px;
  }

  .servicesButton1{
    width: 125px !important;
    height: 31px !important;
    font-size: 16px !important;}
     .servicesButton2{
    width: 125px !important;
    height: 31px !important;
    font-size: 16px !important;}

	.services-grid-img{
		height:180px;

	}

  .footerheading{font-size: 15px !important;}
  .footerPhoneIcon{height: 12px !important; }
  .foooterEmailIcon{height: 11px !important;}
	.footerlogo{
    height: 105px !important;
    padding: 3px;
    }
    .footertext1{font-size: 10px !important;}
    .footertext{text-align: center !important; font-size:10px !important;}
    .reachUsDiv{ padding: 0px !important; }
     .stats-text-golden{font-size: 50px !important;}

    .nav-item{
    font-size: 14px !important;
    padding: 0px 0px 0px 15px !important;
}

  .howitworksImages{
    width: auto;
    height: 200px !important;}

  .whymonarchtailorsImages{
    height: 200px !important;
    width: auto;}


     .slider {width: 620px !important;}

     .slides > div {
    scroll-snap-align: start;
    width: 195px !important;
    height: 220px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
    padding: 8px !important; }

    .quotationImg{ height: 11px !important; }

    .locationPin{height: 14px !important; margin-top: -1px !important;}

    .testimonialText{font-size:11px !important; margin-top: -10px;}
  
    .locationWithIcon{font-size: 11px !important; margin-top: -15px; }

    .testimonialName{ font-size: 11px !important; margin-top: -15px !important; padding-left: 14px !important;}

    .testimonialsPersonImg{
    height: 38px !important;
    border-radius: 19px !important; margin-top: -18px !important;} 

    #prevButton{
    height: 32px !important;
    margin-top: 100px !important;}

    #nextButton{
    height: 32px !important;
    margin-top: 100px !important;}
 
    .ratingStarImg{height: 16px !important; margin-top: -12px !important;}

	
}	


@media (min-width:661px) and (max-width:767px){

  .blog-thumnail-img{
  height: 130px !important;}

  p{
    font-size:11px !important;
  }
  .nav-item{
    font-size: 16px !important;}

  .mainLogo{ height: 95px !important; }
  .services-grid-img{
    height:130px;
  }
  .footerlogo{height: 125px !important;}
  .footertext{text-align: center !important; font-size:11px !important;}
  .footerheading{text-align: center !important;}
  .footerSocialIconSize{text-align: center !important;}
  .reachUsDiv{
  /*display:inline-block;*/
  text-align: center !important;}

  .footertext1{display: inline !important; padding-right: 9px !important; font-size: 11px !important; text-align: center !important}
  .footerDivPadding{ padding-bottom: 20px !important }
  .footerDivPadding{text-align: center !important}
  .stats-text-golden{font-size: 40px !important;}

  h2{
    font-size: 24px;
  }
  h3{
    font-size: 20px;
  }
  h4{
    font-size: 18px;
  }

  .howitworksImages{
    width: auto;
    height: 150px !important;}

    .whymonarchtailorsImages{
    height: 150px !important;
    width: auto;}

    .servicesButton1{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}
     .servicesButton2{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}

    .container{max-width:  610px !important}
    .slider {width: 520px !important;}

    .slides > div {
    scroll-snap-align: start;
    width: 170px !important;
    height: 200px !important;
    margin-right: 5px !important;
    margin-bottom: 20px !important;
    padding: 5px !important;} 

    .quotationImg{ height: 9px !important; }

    .locationPin{height: 12px !important; margin-top: -1px !important;}

    .testimonialText{font-size:10px !important; margin-top: -10px;}
  
    .locationWithIcon{font-size: 10px !important; margin-top: -15px; }

    .testimonialName{ font-size: 10px !important; margin-top: -20px !important; padding-left: 17px;}


    .testimonialsPersonImg{
    height: 32px !important;
    border-radius: 16px !important; margin-top: -20px !important;}

    #prevButton{
    height: 28px !important;
    margin-top: 80px !important;}

    #nextButton{
    height: 28px !important;
    margin-top: 80px !important;}

    .ratingStarImg{height: 14px !important; margin-top: -16px !important;}


} 


@media (min-width:577px) and (max-width:660px){

   .blog-thumnail-img{
  height: 130px !important;}

	p{
		font-size:11px !important;
	}

  .nav-item{
    font-size: 16px !important;}

  .mainLogo{ height: 90px !important; }
	.services-grid-img{
		height:130px;
	}
	.footertext{text-align: center !important;}
	.footerheading{text-align: center !important;}
	.footerSocialIconSize{text-align: center !important;}
	.reachUsDiv{
	/*display:inline-block;*/
	text-align: center !important;}
    .footerlogo{height: 125px !important;}


	.footertext1{display: inline !important; padding-right: 10px !important; font-size: 11px !important; text-align: center !important}
	.footerDivPadding{ padding-bottom: 20px !important }
	.footerDivPadding{text-align: center !important}
	.stats-text-golden{font-size: 40px !important;}

	h2{
		font-size: 24px;
	}
	h3{
		font-size: 20px;
	}
	h4{
		font-size: 18px;
	}

  .howitworksImages{
    width: auto;
    height: 140px !important;}

    .whymonarchtailorsImages{
    height: 150px !important;
    width: auto;}

    .servicesButton1{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}
     .servicesButton2{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}


    .slider {width: 450px !important;}

    .slides > div {
    scroll-snap-align: start;
    width: 145px !important;
    height: 175px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
    padding: 5px !important;
    font-size: 9px !important;} 

    .testimonialText{font-size:9px !important; margin-top: -10px;}
  
    .quotationImg{ height: 10px !important; }

    .locationPin{height: 10px !important; margin-top: -2px !important;}

    .locationWithIcon{font-size: 9px !important; margin-top: -15px; }

    .testimonialName{ font-size: 9px !important; margin-top: -16px !important; padding-left: 17px;}

    .testimonialsPersonImg{
    height: 30px !important;
    border-radius: 15px !important; margin-top: -20px !important;}

    #prevButton{
    height: 28px !important;
    margin-top: 80px !important;}

    #nextButton{
    height: 28px !important;
    margin-top: 80px !important;}

    .ratingStarImg{height: 12px !important; margin-top: -20px !important;}


}	


@media (min-width:481px) and (max-width:576px){


 /* .container{
    max-width: 440px !important;
  }*/

  p{
    font-size:9.5px !important;
  }

  .nav-item{
    font-size: 16px !important;}

  .mainLogo{ height: 85px !important; }

  .services-grid-img{
    height:100px;
  }
  .footertext{text-align: center !important;}
  .footerheading{text-align: center !important;}
  .footerSocialIconSize{text-align: center !important;}
  .reachUsDiv{
  /*display:inline-block;*/
  text-align: center !important;}

  
  .footertext1{display: inline !important; padding-right: 10px !important; font-size: 12px !important; text-align: center !important;}
  .footerDivPadding{ padding-bottom: 20px !important; }
  .footerDivPadding{text-align: center !important;}
  .stats-text-golden{font-size: 40px !important;}
  .footerlogo{height: 120px !important;}


  h2{
    font-size: 22px;
  }
  h3{
    font-size: 18px;
  }
  h4{
    font-size: 16px;
  }

  .howitworksImages{
    width: auto;
    height: 110px !important;}

  .whymonarchtailorsImages{
    height: 110px !important;
    width: auto;}

   .servicesButton1{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}
    .servicesButton2{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}


    .slider {width: 370px !important;}

    .slides > div {
    scroll-snap-align: start;
    width: 170px !important;
    height: 180px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
    padding: 5px !important;
    font-size: 7px !important;} 

    .testimonialText{font-size:10px !important; margin-top: -10px;}
  
    .quotationImg{ height: 11px !important; }

    .locationPin{height: 11px !important; margin-top: -2px !important;}

    .locationWithIcon{font-size: 9px !important; margin-top: -10px; }

    .testimonialName{ font-size: 9px !important; margin-top: -10px !important; padding-left: 17px;}

    .testimonialsPersonImg{
    height: 30px !important;
    border-radius: 15px !important; margin-top: -10px !important;}

    #prevButton{
    height: 28px !important;
    margin-top: 80px !important;}

    #nextButton{
    height: 28px !important;
    margin-top: 80px !important;}

    .ratingStarImg{height: 12px !important; margin-top: -15px !important;}




/*white menu*/
    div#navbarTogglerDemo03 {
    background: #ffffff;
    color: #212529;
}

.navbar-dark .navbar-nav .nav-link {
    color: #707070; 
}

.nav-item {
    border: 1px solid #E7C665;
    padding: 15px !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #707070;
}
ul.dropdown-menu.show{
border: none;
padding-left: 10px !important;
}
/*white menu end*/


} 



@media (min-width:401px) and (max-width:480px){

	  p{
    font-size:9px !important;
  }
  .mainLogo{ height: 80px !important; }

  .nav-item{
    font-size: 16px !important;}

  .services-grid-img{
    height:90px;
  }
  .howitworksImages{
    width: auto;
    height: 100px !important;}

  .whymonarchtailorsImages{
    height: 100px !important;
    width: auto;}

  .footertext{text-align: center !important;}
  .footerheading{text-align: center !important;}
  .footerSocialIconSize{text-align: center !important;}
  .footerlogo{height: 105px !important;}
  .reachUsDiv{
 /* display:inline-block;*/
  text-align: center !important;}

  
  .footertext1{display: inline !important; padding-right: 9px !important; font-size: 9px !important; text-align: center !important;}
  .footerDivPadding{ padding-bottom: 20px !important; }
  .footerDivPadding{text-align: center !important;}
  .stats-text-golden{font-size: 36px !important;}

  h2{
    font-size: 21px;
  }
  h3{
    font-size: 17px;
  }
  h4{
    font-size: 15px;
  }

   .servicesButton1{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}
    .servicesButton2{
    width: 110px !important;
    height: 28px !important;
    font-size: 16px !important;}


    .slider {width: 310px !important;}

    .slides > div {
    scroll-snap-align: start;
    width: 145px !important;
    height: 180px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    padding: 5px !important;
    font-size: 7px !important;} 

    .testimonialText{font-size:9px !important; margin-top: -7px;}
  
    .quotationImg{ height: 10px !important; }

    .locationPin{height: 11px !important; margin-top: -2px !important;}

    .locationWithIcon{font-size: 9px !important; margin-top: -10px; }

    .testimonialName{ font-size: 9px !important; margin-top: -10px !important; padding-left: 1px;}

    .testimonialsPersonImg{
    height: 30px !important;
    border-radius: 15px !important; margin-top: -10px !important;}

    #prevButton{
    height: 28px !important;
    margin-top: 80px !important;}

    #nextButton{
    height: 28px !important;
    margin-top: 80px !important;}

    .ratingStarImg{height: 12px !important; margin-top: -15px !important;}



/*white menu*/

    div#navbarTogglerDemo03 {
    background: #ffffff;
    color: #212529;
}

.navbar-dark .navbar-nav .nav-link {
    color: #707070; 
}

.nav-item {
    border: 1px solid #E7C665;
    padding: 15px !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #707070;
}
ul.dropdown-menu.show{
border: none;
padding-left: 10px !important;
}
/*white menu ends*/


}	

@media (min-width:300px) and (max-width:400px){

    p{
    font-size:8.5px !important;
  }

  .nav-item{
    font-size: 15px !important;}

  .mainLogo{ height: 75px !important; }
  .services-grid-img{
    height:70px;
  }
  .footertext{text-align: center !important;}
  .footerheading{text-align: center !important;}
  .footerSocialIconSize{text-align: center !important;}
  .reachUsDiv{
 /* display:inline-block;*/
  text-align: center !important;}
  .footerlogo{height: 95px !important;}
  .footerPhoneIcon{height: 13px !important;}
  .foooterEmailIcon{height: 13px !important;}
  .footerSocialIconSize{height: 19px !important; width: 19px !important; }

  
  .footertext1{display: inline !important; padding-right: 8px !important; font-size: 8.5px !important; text-align: center !important;}
  .footerDivPadding{ padding-bottom: 20px !important; }
  .footerDivPadding{text-align: center !important;}
  .stats-text-golden{font-size: 32px !important;}

  h2{
    font-size: 18px;
  }
  h3{
    font-size: 13px;
  }
  h4{
    font-size: 13px;
  }

  .howitworksImages{
    width: auto;
    height: 90px !important;}

  .whymonarchtailorsImages{
    height: 90px !important;
    width: auto;}

   .servicesButton1{
    width: 100px !important;
    height: 25px !important;
    font-size: 14px !important;}
    .servicesButton2{
    width: 100px !important;
    height: 25px !important;
    font-size: 14px !important;}


    .slider {width: 240px !important;}

    .slides > div {
    scroll-snap-align: start;
    width: 110px !important;
    height: 145px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    padding: 5px !important;
    font-size: 7px !important;} 

    .testimonialText{font-size:7px !important; margin-top: -6px;}
  
    .quotationImg{ height: 7px !important; }

    .locationPin{height: 9px !important; margin-top: -2px !important;}

    .locationWithIcon{font-size: 7px !important; margin-top: -15px; }

    .testimonialName{ font-size: 7px !important; margin-top: -15px !important; padding-left: 15px;}

    .testimonialsPersonImg{
    height: 24px !important;
    border-radius: 12px !important; margin-top: -15px !important;}

    #prevButton{
    height: 22px !important;
    margin-top: 70px !important;}

    #nextButton{
    height: 22px !important;
    margin-top: 70px !important;}

    .ratingStarImg{height: 11px !important; margin-top: -20px !important;}




/*white menu*/

    div#navbarTogglerDemo03 {
    background: #ffffff;
    color: #212529;
}

.navbar-dark .navbar-nav .nav-link {
    color: #707070; 
}

.nav-item {
    border: 1px solid #E7C665;
    padding: 15px !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #707070;
}
ul.dropdown-menu.show{
border: none;
padding-left: 10px !important;
}
/*white menu end*/


}


/*media queries end*/

/*.menuRight{
  margin-right: 100px;
}*/

.navbar-toggler{
 /* color: #E7C665;
  border: 1px solid #E7C665;
  background: #E7C665;*/
}

.navbar-brand img{
    height: 115px;
    width: auto;
    padding: 2px;
}

/*.navbarContainer{
        background-color: #3A3A3A;

}*/

/*.navbarFloat{
  float: right;
}*/

.navbar{
    width: 100%;
    background-color: #3A3A3A;
}


.nav-item{
    color:#ffffff !important;
    font-size: 18px;
    padding: 0px 0px 0px 25px;
}
.container{
/*    max-width: 1420px !important; */  
/*      max-width: 90% !important;
*/}


.howitworkscontainer{
    background:#E7C66533;
}

.howitworksImages{
    width: auto;
    height: 220px;
}

.whymonarchtailors{
    background:#E7C66533;
}
.whymonarchtailorsImages{
    height: 250px;
    width: auto;
}

/*.services-grid{
    background: #8D6F16;
}*/

.stats-text-golden{
    font-size: 95px;
    color: #E7C665;
}

.statsGrid{
    border-right: 5px dashed #E7C665;
}

.servicesButton1{
    width: 200px;
    height: 50px;
    background: #E7C665;
    font-size: 22px;
    margin-right: -2px !important;
    border:2px solid #4B4A42;
  }
.servicesButton2{
    width: 200px;
    height: 50px;
    background: #ffffff;
    font-size: 22px;
    border: 1px solid #E7C665;
    margin-left: -2px !important;

}

.howitworksText{text-align: center;}

.servicesButton2:hover{
    background: #E7C665;
    border:2px solid #4B4A42;
}

.ourservicestext{
    padding-top: 10px;
}

.feedbackSection{
    background-image: url('images/customerfeedback-background.png');
  /*  opacity: 0.74;
    background: #E7C665;*/
}

.feedbackSectionOverlay{
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #E7C665;
   opacity: 0.74;
}
.footer{
    background: #5B5B5B;
    padding-top: 22px;
    padding-bottom: 24px;
}
.footerSocialIcon{
    display: inline;
}

.footerSocialIconSize{
    height: 30px;
    width: 30px;
}
.footerheading{
    color:#ffffff;
}
.footertext{
    color:#D1D1D1;
    font-size: 15px;
}
.footertext1{
    color:#D1D1D1;
    font-size: 15px;
}

.footerlogo{
    height: 155px;
    padding: 6px;
    
}

#TobBarSearch{
  display: none;
    background: transparent;
    border:2px solid #3A3A3A;
    border-radius: 30px;
    padding-left: 9px;
    padding-right: 9px;
}










/*.front {
    background-color: #999
}
.back {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #ff0;
    z-index: 2;
}
.front:hover + .back,
.back:hover {
    opacity: 1;
    visibility: visible;
}*/



#w4-center{
display: none;}
#w3-center:hover #w4-center{
    display: block;
}
/*#w4-center:hover{
    display: block;
}
*/




/* feedback Slider CSS*/

.slider {
  width: 1000px;
  text-align: center;
  overflow: hidden;
}

.slides {
  display: flex;
  
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  
  
  
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  
  
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;  
/*  margin-bottom: 5px;*/
}

.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 300px;
  height: 310px;
  margin-right: 50px;
  margin-bottom: 25px;
  border-radius: 4px;
  border:1px solid #707070;
  background: #FFFFFF;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  padding: 10px;

  
/*  display: flex;
*/  justify-content: center;
  align-items: center;
  font-size: 16;
    transform: scale(0.9);

}
.slides > div:target {
   transform: scale(1);
}

/*.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}*/
.slider > a:active {
  top: 1px;
}
.slider > a:focus {
  background: #000;
}


/* Don't need button navigation */
@supports (scroll-snap-type) {
  .slider > a {
    display: none;
  }

}

.quotationImg{
    float:left;
}

.testimonialsPersonImg{
    height: 54px;
    border-radius: 27px;
    float: left;
}

#prevButton{
	height: 50px;
	width: auto;

	float: left;
	margin-top: 170px;

}

#nextButton{
	height: 50px;
	width: auto;

	float:right;
	margin-top: 170px;

}
.StyleNone li a{
  width: 100% !important;
}


/*Pricing page Css*/

.table-dark{
  background: #3A3A3A;
}

.pricingTable{
  color: #000000;
  font-size: 18px;
  border:25px solid #3A3A3A;

}

.pricingTable tbody tr{
  background: #E7C665;
  border:10px solid #3A3A3A;
}


/*Pricing page Css Ends*/


/* Blog CSS */

.single-BlogPost-img{
  height: 350px;
  width: 100%;
}

.social-sharing-icons{
  height: 35px;
  width: 35px;
}
.blog-content{
  background: #E7C66533;
  color: #3A3A3A;
  padding: 15px;
  text-align: justify;
}

.blog-section{
  border:1px solid #707070;
  background: #E7C66533;
  padding: 15px;
}
.blog-thumnail-img{
  height: 160px;
  width: 100%;

}
.experct-content{
    border:1px solid #707070;
    padding: 6px;
    text-align: center;
}

/* Blog Css Ends */