/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {.footericons{ visibility:collapse; }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.footericons{ visibility:collapse;
 
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
.footericons{ visibility:collapse;

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.footericons{ visibility:collapse;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.footericons{ visibility:collapse;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {.footericons {display:block; position:fixed; bottom: 0px; background: #FFF; padding: 5px; border:none; z-index: 10000; width: 100%; box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
	.footericons ul { margin:0px; padding:0px; list-style: none;}
	.footericons ul li { display:inline-block; text-transform: uppercase; font-size:12px; font-weight: 700; text-align:center;}
	.footericons ul li.callbtn {width:49%;}
	.footericons ul li.callbtn a {display:block; color:#fff;  border:2px solid #276ea2;  padding:5px; background: #276ea2;}
	.footericons ul li.callbtn a:hover {background: #5f9d39; color:#FFF;border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn {width:49%; float:right;}
	.footericons ul li.getquotebtn a { display:block; color: #FFF; padding: 5px;background: #5f9d39; border: 2px solid #5f9d39;}
	.footericons ul li.getquotebtn a:hover {background: #045a8b; color: #FFF; border: 2px solid #045a8b;}
	.whatsappicon {position: fixed; width: 50px; height: 50px; z-index: 100000; bottom: 57px; right: 10px;}

}