/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
	

}


/* Medium Devices, Desktops */
@media (min-width : 992px) and (max-width: 1200px) {

.navbar-nav {
	margin-right: 5px;
}
.navbar-nav > li> a {
    margin-right: -20px;
}
#tf-menu a.navbar-brand {
    font-size: 14px;
    bottom: 0px!important;
}
#tf-menu.navbar-default .navbar-nav > li > a {
    font-size: 14px
}


/*SLider
==========================================================*/
#slider{
	padding-top: 80px;
	height: 650px;
}
.slider-content h5:after{
	/*left: 8px;*/
	right: 10px;
	
}
.slider-content h5:before{
	left: 10px;
}


/*PROFILE
============================================*/
#profile .socail-list li{
	padding: 0px;
}


}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {
/*MENU
======================================*/
#tf-menu.navbar-default {
    background-color: #333;
}
.navbar-nav {
	margin-right: 5px;
}
.navbar-nav > li> a {
    margin-right: -20px;
}
#tf-menu a.navbar-brand {
    font-size: 14px;
    bottom: 0px!important;
}
#tf-menu.navbar-default .navbar-nav > li > a {
    font-size: 12px
}

/*fixed nav
=============================*/
.on.navbar-default .navbar-brand {
    margin-left: -70px;
    font-size: 15px;
}


/*SLIDER
===========================*/

#slider{
	height: 350px;
}
.slider-content {
	padding-bottom: 20px;
	top: 30%;
}
.slider-content h2 {
    font-size: 35px;
    line-height: 30px;
}
.slider-content h3{
	font-size: 16px;
	line-height: 16px;
}

.slider-small-text-content h4{
	font-size: 10px;
	line-height: 10px;
}

.slider-content h5 {
	width: 35%;
}
.slider-content a {
    color: #FFF;
    font-size: 20px;
    line-height: 25px;
    padding: 5px 10px;
    margin-bottom: 20px;
}	

.slider-content h5:before,.slider-content h5:after{
	display: none;
}

/*CAROUSEL CONTROLS
=================================*/
.carousel-control{
	top: 30%;
}
.carousel-control i {
    line-height: 36px;
    width: 35px;
    height: 35px;
    font-size: 20px
}
#main-slide:hover .carousel-control.left{
	left: 10px;
}
#main-slide:hover .carousel-control.right{
	right: 10px;
}



/*Title HEADING
============================*/
.big-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 50px;
    width: 100%;
    padding: 15px 0px;
}



/*SKILL bar
=====================================*/

#skill-bar .sub-heading h2 {
	font-size: 20px;
}
.circle,.circle1,.circle2,.circle3,.circle4,.circle5{
	margin: 0 auto;
}
.col2 {
    width: 45%;
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-left: 15px;
}
.skill-content {
    margin-left: 0px;
}




/*Feature
======================*/

#feature-tab .nav-tabs li{
	width: 50%;
}
#feature-tab .nav-tabs li a {
    border-radius: 0px;
    font-size: 16px;
    padding: 20px 0px;
}
.feature-icon {
	margin-right: 20px;
}
.feature-icon i {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 62px;
}

.feature-content{
	margin-left: 88px;
}

.feature-desc {
    width: 50%;
    float: left;
}


/*TEAM members
===========================*/
.single-member{
	margin-bottom: 20px;
}


}

/* Small Devices Potrait */
@media (max-width : 767px){
#tf-menu a.navbar-brand{width:100%}
#tf-menu a.navbar-brand>img{margin:0px auto;}
.card .card-content .card-title, .card-reveal .card-title{font-size:14px;}
.header-content{
margin-bottom:0px;
}
.btn-primary{font-size:13px;}
	.contact_box{
	padding:20px;	
	}
	.mob-center{
		margin:5px auto !important;
	}
	header .header-content .header-content-inner h1{font-size:20px;margin-bottom:15px
}
/* Extra Small Devices, Phones */ 
@media (max-width : 500px) {
	.opening-hours{
	font-size:20px;
	}
	.carousel-indicators{
	width:100%;
	left:5%;
	bottom:0px;
	margin-left:0px;
	}	
	#quote-carousel .carousel-indicators .active{
	width:80px;
	height:80px;
	}
	.nav-tabs > li{
	width:49%;
	margin:0px;
	}
	.nav-tabs > li > a{
	border-radius:0px;
	border-bottom: 1px #FFF solid;
	margin:0px;
	}
		#quote-carousel .carousel-control.left {
    left: -30px;
}
#quote-carousel .carousel-control.right {
    right: -30px;
}
}
@media (max-width : 450px) {
    .navbar-brand img{
        margin:0px !important;
        width:49% !important;
    }
     /*.navbar-brand{*/
     /*    padding:5px 15px !important;*/
     /*}*/
    .on>div>div>.navbar-header {
        background:#406DE4;
    }
    .navbar-toggle{
        right:10px;
    }
    #package {
    padding: 10px;
}
.insurance_list_wrapper{
margin:0px;
}
.insurance_info{
padding:15px !important;
margin-top:0px;
}
.insurance_list_wrapper > .col-xs-2{
width:100%;
padding:8px;
margin-bottom:5px;
background:#406DE4;
}
.insurance_list_wrapper > .col-xs-2>a>i{
padding:3px 20px;
float:left;
font-size:30px;
}
.insurance_title{
float:left;
margin-right:20px;
padding: 8px 0px;
font-size:20px;
}
	.col-xs-2.active{
		background:#444;
		}
		.insurance_list_wrapper>.col-xs-2.active{
		padding-bottom:8px;
		background:#b5322a;
		}
		.insurance_list_wrapper>.col-xs-2.active>.insurance_title{
		color:#444;
		}
		.insurance_title{
		color:#FFF !important;
		}

}


/* Custom, iPhone Retina */ 
@media (min-width : 320px) and (max-width: 767px)  {

/*MENU
======================================*/
.mobile-toppad{
margin-top:100px;
}
.navbar-default .navbar-collapse{
background:#444;
}
#tf-menu.navbar-default {
    
}
.on.navbar-default .navbar-brand {
    margin-left: -70px;
}
.col-social-media-left{
text-align:center;
}
.col-social-media-right{
padding:0px 20px;
}
.header_contact, .header_contact{
display:none;
}
.navbar-form{
margin:0px;
}
.col-social-media{
border-bottom:none;
}
.navbar-form .form-control{
width:100%;
border-radius:8px;
border:1px #CCC solid;
}
.button_wrapper_left,.button_wrapper_right{
border-bottom:2px #b5322a solid;
}
.button_wrapper_left{
border-right:2px #b5322a solid;
}
.button_wrapper_right{
border-left:2px #b5322a solid;
}
.service-content{
margin-top:20px !important;
}
.btn-search{
position:absolute;
right: 35px;
top: 12px;
}
.col-social-media-left>span{
display:none;
}
/*slider
===============================*/

#slider{
	height: 210px;
	margin-top:60px;
}
.slider-content {
	padding-bottom: 20px;
}
.slider-content h2 {
    font-size: 22px;
    line-height: 0px;
}
.slider-content h3{
	font-size: 14px;
	line-height: 16px;
}

.slider-small-text-content h4{
	font-size: 10px;
	line-height: 10px;
}

.slider-content h5 {
	width: 35%;
}
.slider-content a {
    color: #FFF;
    font-size: 20px;
    line-height: 25px;
    padding: 5px 10px;
    margin-bottom: 20px;
}	

.slider-content h5:before,.slider-content h5:after{
	display: none;
}

/*CAROUSEL CONTROLS
=================================*/
.carousel-control i {
    line-height: 36px;
    width: 35px;
    height: 35px;
    font-size: 20px
}
#main-slide:hover .carousel-control.left{
	left: 10px;
}
#main-slide:hover .carousel-control.right{
	right: 10px;
}



/*Title HEADING
============================*/
.big-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    padding: 15px 0px;
	margin:20px auto;
	padding:0px;
}
h3.big-title:before, h3.big-title:after ,.timetable-decorator,.timetable-decorator2{
	display:none;
	}


/*SKILL bar
=====================================*/

#skill-bar .sub-heading h2 {
	font-size: 20px;
}
.col2 {
    width: 51%;
    padding: 0px 0px;
    margin-bottom: 10px;
}
.skill-content {
    margin-left: 35px;
}



/*Feature TAB
===================================*/
#feature-tab{}

#feature-tab .nav-tabs li{
	width: 50%;
}
#feature-tab .nav-tabs li a {
    border-radius: 0px;
    font-size: 16px;
    padding: 20px 0px;
}
.feature-icon {
	margin-right: 20px;
}
.feature-icon i {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 62px;
}
.feature-content{
	margin-left: 10px;
}


/*PROCESSS section
=====================================*/

.single-process, .process-none {
    width: 48.5%;
    margin-bottom: 10px;
}
.process-timeline{
	display: none;
}
.process-icon:before{
	display: none;
}


/*BLOG SECTION
=========================================*/
.socail-list a i {
    font-size: 15px;
    width: 35px;
    height: 35px;
    padding: 9px 0px 0px 10px;
}

.blog-content h4.blog-title {
    margin-top: 10px;
}

/*BACK TO TOP
=======================*/
#back-to-top {
    right: 15px;
}


}