/*NOTE FOR ALL: WHat ever is not in use , delete it !!!!!!!!!!!*/



html{
	width:100%;

}



body{
	background: #faf0e600;

}


.NavNumber{
    text-decoration: none;
    font-size: 14px;
    color:#fee011;
}


.navbar{

	margin-bottom: 20px;
    background-color:#0a3d96;
    color:white;
}

span.NavBrand {
    color:#fee011;
    font-size: 15px;
}


/*Bread-crumb*/

.breadcrumb {
   
    background-color: white;
    text-decoration: none;
    border-bottom: 1 solid transparent;
}


/*Top call to action */
.Topphone {
    font-weight: bolder;
    color:#0d6efd;
}


/*Bottom call to action*/

.phone {
    font-weight: bold;
}

h1 {
    text-align: center;
}

h2{
    text-align: center;
    font-size: 22px;
}

.h3top{
    text-align: center;
   
}



h3 { 
   font-size: 18px;
 }


/*any white text*/

.span-white{

    color:#fff;
}


/* Q&A section starts here*/

.Q-color {
    background-color: #ff968a;
    font-size: 17px;
}

.A-color{
    background-color: #0279ab;
    font-size: 17px;
}


.Q-color1{
    background-color: #d4f0f0;
    font-size: 17px;
}

.A-color1{
    background-color: skyblue;
    font-size: 17px;
}

.Q-color2{
    background-color: #fac3ac;
    font-size: 17px;
}

.A-color2{
    background-color: skyblue;
    font-size: 17px;
}

/*Q&A ends here*/

 .topul{
    font-size: 17px;
 }

/*Lable box*/



.cityBrand{
	padding-top:10px;
	padding-right:20px;
    letter-spacing:1px;
    text-align: center; 
    color: #000;   
}


.countycards{
    text-align: center;
    
}

h6.card-title {
    color: #0a3d96;
    font-weight: bolder;
}


.btn-outline-primary{
    font-weight: bolder;
    color:#0a3d96; 
}



/*county cards end*/



a{
text-decoration: none;

}


footer{
	border-top: 1px solid black;
	margin-top: 25px;
/*	border-top: 10px solid #1c4bda;*/
    background-color: #0a3d96;   
    color:white;
    
}

span.FooterBrand {
    color: #fee011;
}

.tfooter{
	padding-top: 45px;
}

.social{
	float: right;
}


.social-mobile{
	
	word-spacing: 5px;
	padding-right: 25px;
	padding-bottom: 20px;
	
}

.cr{
	text-align: center;
	font-size: 10px;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(251, 251, 251, 0.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.btn{
	width: 100%;
}

.card-text{
    font-size: 15px;
}





/**********Mobile and smaller devices***********/


/*Breadcrumbs*/


@media (max-width: 280px) {.breadcrumb
    {
      display: none;
       }
}

@media (max-width: 300px) {.breadcrumb
    {
      display: none;
       }
}


@media (max-width: 400px) {.breadcrumb
    {
      display: none;
       }
}


@media (max-width: 480px) {.breadcrumb
    {
      display: none;
       }
}





/*Main images display */

@media (max-width: 995px) {#carouselExampleFade
	{
      display: inline;
       }
}



@media (max-width: 768px) {#carouselExampleFade
	{
      display: none;
       }
}



@media (min-width: 769px) {.topimg
	{
      display: none;
       }
}




/*Top call to action */


@media (min-width: 1024px) {
            .Topphone{
                display: none;
            }
        }



/*Bottom Call to action button*/

@media (min-width: 1024px) {
            .phone{
                display: none;
            }
        }




/*cross bar / brand box */

  @media (max-width: 576px) {  .cityBrand {
    display: none;
    
        }

    }

    @media (max-width: 768px) {  .cityBrand {
    display: none;
    
        }

    }

    @media (max-width: 1024px) {  .cityBrand{
     display: none;
    
        }

    }

  
    @media (max-width: 1024px) { .CityArea{
     display: none;
    
        }

    }

    @media (max-width: 768px) {  .CityArea{
     display: none;
    
        }

    }

    @media (max-width: 576px) {  .CityArea{
    
   display: none;
    
        }

    }
/* other services cards */


@media (max-width: 500px) {.cards
	{
		display: none;
	}
}


@media (max-width: 768px) {.cards
	{
		display: none;
	}
}


@media (max-width: 1024px) {.cards
	{
		display: all;
	}
}

/*hr only*/

@media (max-width: 500px) {hr
    {
        display: none;
    }
}


@media (max-width: 768px) {hr
    {
        display: none;
    }
}


@media (max-width: 1024px) {hr
    {
        display: all;
    }
}


/*Only for the two bottom section with three bottons and four areea botton*/

/*countyCards botton only*/

@media(max-width: 767px) {.countyFont
    {
        font-size: 15px;
    }
}




@media(max-width: 767px) {.noMobile3
    {
       font-size: 12px;
    }
}



/*noMobile1*/


 
@media (max-width: 768px) { .noMobile1
    {
        display: none;
    }
}

@media (max-width: 800px) { .noMobile1
    {
        display: none;
    }
}

@media (max-width: 820px) { .noMobile1
    {
        display: none;
    }
}

@media (max-width: 834px) { .noMobile1
    {
        display: none;
    }
}

@media (max-width: 900px) { .noMobile1
    {
        display: none;
    }
}

@media (max-width: 912px) { .noMobile1
    {
        display: none;
    }
}


@media (max-width: 1200px) {.noMobile1
    {
        display: none;
    }
}

@media (max-width: 1215px) {.noMobile1
    {
        display: none;
    }
}

@media (max-width: 1220px) {.noMobile1
    {
        display: none;
    }
}


@media (max-width: 1280px) {.noMobile1
    {
        display: none;
    }
}
0
@media (max-width: 1300px) {.noMobile1
    {
        display: none;
    }
}

@media (max-width: 1315px) {.noMobile1
    {
        display: none;
    }
}

@media (max-width: 1366px) {.noMobile1
    {
        display: none;
    }
}

@media (max-width: 1399px) {.noMobile1
    {
        display: none;
    }
}



/*noMobile2*/





@media (max-width: 768px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 800px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 820px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 834px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 900px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 912px) { .noMobile2
    {
        display: none;
    }
}

@media (max-width: 991px) { .noMobile2
    {
        display: none;
    }
}


@media (max-width: 767px) { .noMobile4
    {
        display: none;
    }
}

@media (max-width: 700px) { .noMobile4
    {
        display: none;
    }
}

/*Only for the two bottom section with three bottons and four areea botton ends here ! */



/*contant only - the large version of the contant can be seen only in the pc not mobile devices */

@media (max-width: 565px) {.nomobile
	{
       display: none;
	}
}

/*Couty button cards */

@media (max-width: 576px) {.card

    {
      border:part;
    }
}


/*Social Icon for pc and tablets*/


     @media (max-width: 576px) {  .social {
    display: none;
    
        }

    }

    /*Social Icon for pc and tablets*/


     @media (max-width: 767px) {  .social {
    display: none;
    
        }

    }

    /*Social icon for mobile*/

    
@media (min-width: 1024px) {  .social-mobile {
    display: none;
    
        }

    }

    @media (min-width: 767.5px) {  .social-mobile {
    display: none;
    
        }

    }


@media (max-width: 576px) {  .social-mobile{
        padding-left: 25px;
        }

    }