﻿
/*Button are Responsive */
@media (max-width: 768px) {
    .btn-responsive {
        /*padding: 5px 10px;*/
        font-size: 80%;
        line-height: 2;
        margin-top:10px;
        border-radius: 10px;
        width:100%;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 4px 9px;
        font-size: 90%;
        border-radius: 10px;
        line-height: 1.5;
        width: 100%;
    }
}


  

 /*Header Title and logo*/
#CompanyLogo {
     color: white; border-radius: 35px; padding-top:-30px;
     height:45px;    
}
#Logo {
    margin-top:-10px;  
}
#CompanyTitle {
    color: white;
    font-family:'Niconne'; 
    font-size:37px; 
    padding-left:7px; 
    margin-left:-10px;
}

/*Home Page */

p {
    /*//font-size:13px;*/
}
/*Search Box*/
/*.SearchBox
{
    padding-top:100px;
}*/
/*Home Slider*/
/*.SlideMain {
/*background-color: aqua;*/
/*padding-left: 0px;
padding-right: 0px; 
padding-top: 0px;
margin-top: -110px;*/
/*}*/
/*.SlideContainer {
width: 100%; 
padding-left: 0px;
height: 300px; 
padding-right: 0px; 
margin-left: 0px; 
margin-right: 0px; 
/*background-color: gainsboro;*/
}*/
/*.ActualSlider {
height: 300px;
padding-left: 0px; 
padding-right: 0px; 
margin-right: 0px; 
margin-left: 0px;
}*/
/*.Carusel-inner-custom{
    height: 300px;
}
.item-custom {
    height: 300px;
}
.carousel-image {
    height: 250px;
}*/
/*Horizontal Text Sliser Marquee*/
/*.HorizontalSlider{
    background-color:#E40046; 
    color: white;
}*/

/* Services Container*/
/* Scroll Bar Hide In some browsers*/
 .outer-container
 {
   overflow: hidden;
}
.inner-container
{
  overflow-y: scroll;  
}
.inner-container::-webkit-scrollbar 
{
 display: none;
}
/*Mian Div*/
.ServicesContainer 
{
 padding-left:0px;
 padding-right:0px; 
 margin-left:0px; 
 margin-right:0px; 
}
.ServicesSubContainer
 {
   padding-left:0px; 
   width: 100%; padding-right: 0px; margin-right: 0px; margin-left: 0px;
}
.ServicesMain {
 height: 1850px;
 padding-left: 20px;
}
.ServiceInner {
height: 1850px;
}
/*Service Name*/
.ServicesTypeName {
 color: orangered; 
 margin-left: -25px;
 font-size:17px;
}
.ViewMoreDiv{
    margin-right:-15px; 
    padding-right: 0px; 
    float: right; 
    padding-top: 15px;
}
.ViewMoreButton {
 width:auto;
 margin-top:0px;
 padding-top:3px;
 height:25px; 
 border-radius:20px;  
 float:right;
}
.ServicesPannel {
    border: 1px solid #4580e7;
}
.ServiceImage {
padding-top:10px;
}
.ServiceName {
font-family:'Times New Roman',Times, serif; 
color:#0094ff; 
height:10px; 
margin-top:10px;
font-size:12px;
 }
.RatingImg {
 padding-top:10px;
 height:30px;
 width:25px;
}
.RatingFillStar {
 height:15px;
 width:10px;
 margin-top:5px;
}
/*Book Now Button*/
.btndash {
        display: block;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 2px;
        background-color: #fff;
        border: 1px solid #2e71f0;
    }
 .btndash:hover {
            background-color: #2e71f0;
            border: 1px solid #2e71f0;
            color: white;
            background-color: red;
        }
 .btnviewall {
        border-radius: 100px;
        color: #fff;
        background-color: #D6183E;
        border: 1px solid #2e71f0;
    }
 /*Left Side Treanding Services */

 .home {
                    background-color: antiquewhite;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                    border: 2px;
                }

 .makeup {
                    background-color: white;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .pakers {
                    background-color: #7cf3a3;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .carpenter {
                    background-color: #da38e6;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .party {
                    background-color: #bcf8b7;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .tutors {
                    background-color: lightblue;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .design {
                    background-color: pink;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .plumber {
                    background-color: antiquewhite;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .laundry {
                    background-color: AppWorkspace;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .computer {
                    background-color: bisque;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .tiffin {
                    background-color: #eef3a6;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .software {
                    background-color:auqa;
                    height: 70px;
                    text-align: center;
                    padding-top: 20px;
                    padding-left: 0px;
                }

 .field_set {
                    border-color: #F00;
                    border-style: solid;
                    padding-left: 0px;
                    padding-right: 0px;
                    padding-top: 0px;
                    padding-bottom: 0px;
                }
.TraindingServiceMain {
    padding-right: 20px;margin-top: 0px; padding-top:0px;

}
.TraindingServiceHeading {
 text-align: center; color: #f14027; font-family: 'Bookman Old Style';
}
/*Why Service Leader*/
.WhyMain {
margin-top:-20px;
}




/*Customer Carousel*/
.carousel-indicators .active {
        background: #31708f;
    }
.content {
        margin-top: 20px;
    }
.adjust1 {
        /*// float:left;*/
        margin-bottom: 0;
        margin-right: 0px;
    }
.adjust2 {
        /*// margin:0;*/
    }
.carousel-indicators li {
        border: 1px solid #ccc;
    }
.carousel-control {
        color: #31708f;
        width: 5%;
    }
.carousel-control:hover, .carousel-control:focus {
            color: #31708f;
        }
.carousel-control.left, .carousel-control.right {
            background-image: none;
        }
.media-object {
        margin: auto;
        margin-top: 5%;
    }
/***********************/
/*PLACEORDER*/
/*.OderMainDiv {
 padding-top:10px; 
 height:515px;
 padding-bottom:50px;
} */
/*Featues*/
 
/*.placeOrderNow {
   text-align: center; 
   background-color:#f87c4d; 
   padding-left:0px; 
   padding-right:0px; 
   margin-left:0px; 
   margin-right:0px; 
  border-bottom: groove;    
}*/
/*.PlaceOrderHeading {
 color: white; font-family:Engravers MT; font-size:18px;
}*/
/*.OrderFeatureDiv {
    padding-left:0px;padding-bottom:0px;padding-right:0px; margin-top:0px;
}*/
/*.FeatureContent {
    max-height:initial;
     overflow-y:auto; 
}*/
/*.Featues{
color: #0094ff; font-size: 14px; padding-left: 10px;
}*/

/*Question Answers*/
.QuestionAnsFieldset {
 /*height:90%;*/
 /*padding-right:0px; 
 padding-top:0px; 
 margin-left:0px; 
 margin-right:0px;*/
}
/*.QuestionAnsDiv {
  
 overflow-y:auto;
 margin-top:20px; 
 padding-left: 0px; 
 padding-right: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
}*/
/*Question Sub Div*/
.questionsDiv{
 display: none;  
}
/*Question Answers*/
.Answers{
 height:280px;
 /*background-color:green;*/
  overflow-y:auto;
  padding-left:0px;
  padding-right:0px;    
}
/*View Order Summary Button*/
.ViewSummary {
    float:right;width:130px; /*margin-top:30px;*/
}

/*Time Slotes Div */
.user_time_selection
 {
  background-color: #D6183E;
  color: white;
  /*width: 75%;*/
  /*height: 35px;*/
  margin-top:0px;
  padding-left:10px;
  padding-top:0px;
  padding-bottom:0px;
 }
.user_time_selection_label
{
    margin-top:4px;
}
/*Contact Us Page*/


@media (max-width:768px) {
    /*.FeatureContent {
        overflow-y: auto;
        height:580px;
    }*/  
     .questionsDiv 
 {
  display: none;
  padding-left:0px; 
  padding-right:0px;
  height:580px;
}
}






@media (max-width:320px) 
 {
    /* Main Laout Style*/
 #CompanyTitle 
     {
         font-size:30px;    
         padding-left:0px;            
     }
 #CompanyLogo 
     {
       background-color:green;
       height:40px;
     }   
 #FooterText
     {
         padding-top:5px;
         font-size:12px;
     }
 #Footer {       
    }
 #Icons {
    text-align:center;
    }
   /* Home Page */
   /*Servoce Div Section*/
   /*Service Type Heading*/
  h4,h3{
    font-size:15px;
    }
 
  p{
    font-size:12px;
 
    }
    /*View More Button*/
 .ViewMoreButton {  
     font-size:12px;
   }    
    /*Treanding Services*/
 .TraindingServiceHeading 
    {
 text-align: center; color: #f14027; font-family: 'Bookman Old Style';
 font-size:15px;
}   /*Treanding Services Tab*/
    .anchor {
        font-size:12px;
    }
    /*Why Service Leader Tab*/
    /*Advertise Ment*/
  .AdvertiseHeading,.AdvertiseContent {
        font-size:35px;
        
    }
  .AdvertiseHeadDiv 
    {
        padding-left:0px;
        padding-right:0px;
    }
  .ComanyInfoHead {
        height:auto;
        padding-bottom:50px;
    }
  .CompanyInfo {
        font-size:15px;
        height:auto;
    }
    /*Place Order Style*/
  /*.FeatureContent {
        overflow-y: auto;
        height: 300px;
    }*/
  .QuestionAnsDiv {
 height:300px; 
 overflow-y:auto;
 margin-top:20px; 
 padding-left: 0px; 
 padding-right: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
}
 /*Question Sub Div*/
  .questionsDiv 
 {
  display: none;
  padding-left:0px; 
  padding-right:0px;
  height:370px;
}
 /*Question Answers*/
 .Answers {
        height: 220px;
        overflow-y: auto; 
    }
    /* View Summary */
 .ViewSummary {
    float:right;width:150px; /*margin-top:30px;
    font-size:15px;*/
}
    /*Time Slotes */

    /*Time Slotes Buttons */
 .user_time_selection
 {
  background-color: #D6183E;
  color: white;
  /*width: 100%;
  height: 35px;*/
  font-size:12px;
 }
}
