/*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;
   
}

.h4top{
    text-align: center;
   font-size: 12px;
}

h3 { 
   font-size: 18px;
 }


 h6{
    text-align: center;
 }

 p {
    font-size: 17px;
 }

 .topul{
    font-size: 17px;
 }

/*Lable box*/

.CityArea{
	/*background-color: #0d6efd;
	height: 50px;
    border-left: 10px solid #0e0e90;
    border-right: 10px solid #0e0e90;*/
}


.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;

}

.bt-service {
    text-align:center;
}

.bt2-service {
    text-align:center;
}

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***********/


/*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;
    }
}


/*Two service bottons*/




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




@media (max-width: 745px) {.bt1
    {
        display: none;
    }
}





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




@media (max-width: 675px) {.bt1
    {
        display: none;
    }
}



@media (max-width: 650px) {.bt1
    {
        display: none;
    }
}


@media (max-width: 625px) {.bt1
    {
        display: none;
    }
}


@media (max-width: 600px) {.bt1
    {
        display: all;
    }
}

/*hr only*/

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






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




@media (max-width: 745px) {.bt2
    {
        display: none;
    }
}





@media (max-width: 730px) {.bt2
    {
        display: none;
    }
}




@media (max-width: 715px) {.bt2
    {
        display: none;
    }
}



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


@media (max-width: 625px) {.bt2
    {
        display: none;
    }
}


@media (max-width: 525px) {.bt2
    {
        display: all;
    }
}

/*hr only*/

@media (max-width: 425px) {.bt2
    {
        display: none;
    }
}


@media (max-width: 325px) {.bt2
    {
        display: none;
    }
}


@media (max-width: 280px) {.bt2
    {
        display: all;
    }
}




/*Only for the two BT*/



@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) {.noMiobile1
    {
        display: none;
    }
}

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

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


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

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

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

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

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









@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:none;
    }
}


/*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;
        }

    }