@media only screen and (max-width:1024px){

.padding {
    padding-top: 15px;
}

.para {
    margin-bottom: 11px;
}

.nav-tabs > li > a {
   
    padding: 14px 12px;
    margin-right:0px;
}

.nav-tabs > li > a::before {
   
    width: 88%;
    
}

.services {
    padding-bottom: 18px;
}

.contact {
    padding-bottom: 0px;
}

}


@media only screen and (max-width:991px){

.carousel-caption span {
    font-size: 48px;   
}

.para {
    margin-bottom: 22px;
}

.motto p {
    width: 92%;
}

.panel-default>.panel-heading{
	background: transparent;
    color: #484848;
	padding: 0px;
}

.panel{
	background: url(../images/servicebg.png) repeat;
    border:0px;
	border-radius:10px;
}

.panel-body{
	padding:10px 24px 20px;
}

.panel-group .panel{
	border-radius:10px;
}

.panel-heading{
	position:relative;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.panel h5 {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #2d2d2d;
    margin-bottom: 15px;
}

.panel ul{
	
	margin: 12px 0px;
    list-style: none;
    padding-left: 30px;
}

.panel li {
    margin: 10px 0px;
    color: #484848;
}

.panel li i {
    float: left;
    margin-right: 24px;
    margin-top: 2px;
	color:#fb162d;
}

.services{
  background-size:cover;	
}

.panel-title{
	text-transform:uppercase;
	font-size:14px;
}

.gallery-section a {
    padding: 0px;
    width: 33.333%;
	float:left;
}

.text-area {
    width: 99.5%;
}

.contact-form p.col-md-5 {
    width: 49%;
    float: left;
}

.panel-heading h4 a::before {
    content: "";
    background: #FB162D;
    height: 3px;
    position: absolute;
    margin: 0 auto;
    width: 98%;
    left: 0px;
    right: 0px;
    top: 0px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.panel-heading h4 a.active::before{
	transform: scale(1);
}

.panel-heading h4 a.active{
	color: #BF1E2E;
}


.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border:0px;
}

.panel-heading a:after{
    content: "\f055";
    font-family: FontAwesome;
    float: right;
    font-size: 22px;
    position: absolute;
    right: 15px;
	top:10px;
}

.panel-heading a.minus:after{
    content: "\f056";
}

.panel-heading a{
	padding: 15px 24px;
	display:block;
}

.panel ul{
	float:left;
}

}


@media only screen and (max-width:860px){

.carousel-caption {
    bottom: 110px;
}

.carousel-caption span {
    font-size: 48px;
    line-height: 48px;
	margin-bottom:20px;
}

}


@media only screen and (max-width:767px){

.navbar-toggle{
	clear:right;
	padding: 6px 6px;
}


.navbar-brand{
	height:76px;
}

.navbar-header{
	float:left;
}

.navbar-inverse .navbar-toggle {
    margin-right:0px;
	margin-top:4px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-inverse .navbar-collapse{
	float:none;
	clear:both;
}
.navbar-nav {
    margin: 12px 0px;
}

.navbar-nav>li {
    margin-left: 0px;
}

.navbar-inverse{
	padding-bottom:0px;
}

.carousel-caption span {
    font-size: 44px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background:none;
}

.modal-dialog{
	margin:10px auto;
}

.contact-form p.col-md-5 {
    width: 100%;
}

.form-group {
    margin-left: 0px;
}

.text-area {
    width: 100%;
}

.carousel-control{
   width:6%;
}

footer p.pull-left{
	float:none !important;
	text-align:center;
}

footer p.pull-right{
	float:none !important;
	text-align:center;
	padding-top:4px;
}

}


@media only screen and (max-width:675px){

.carousel-indicators {
    bottom: 24px;
}

.carousel div.carousel-caption {
    text-shadow: none;
    height: auto;
}

.carousel-caption {
    bottom: 80px;
}

}


@media only screen and (max-width:640px){
	
.carousel-caption span {
    font-size: 40px;
    line-height: 40px;
}

.carousel-caption {
    bottom: 64px;
}

}


@media only screen and (max-width:540px){
	
.carousel-caption {
    bottom: 56px;
}

.carousel-indicators {
    bottom: 16px;
}

.carousel-caption span {
    font-size: 34px;
    line-height: 34px;
}

}


@media only screen and (max-width:480px){
	
.top-links {
    
    padding: 0px;
}

.navbar-header{
	width:35%;
}

.carousel-caption span {
    font-size: 30px;
    line-height: 30px;
}

.navbar-brand img{
	width:100%;
}

.carousel-indicators {
    bottom: 10px;
}


.carousel-caption {
    bottom: 48px;
}

.panel-heading h4 a::before{
	width:96%;
}

}


@media only screen and (max-width:414px){
	
.top-links a {
    
    font-size: 14px;
}



.navbar-header{
	width:100%;
	float:none;
	margin:0px !important;
}

.navbar-toggle {
    position: absolute;
	top: 8px;
    right: 15px;
}

.top-links li:first-child{
	margin-left:0px;
}

.navbar-inverse{
	padding-top:4px;
}

.navbar-brand {
    float:none;
	height:auto;
	display:block;
    padding-right: 0px;
}

.top-links{
	
	float:none;
	margin:8px auto;
	text-align:center;
}

.top-links li{
	display:inline-block;
	float:none;
}

.navbar-brand img {
    width: 40%;
    margin: 0 auto;
}

.carousel-indicators {
    bottom: 0px;
}

.carousel-caption span {
    font-size: 25px;
    line-height: 25px;
}

.carousel-caption {
    bottom: 40px;
}

.item img{
  height:190px !important;
}

.carousel {
    margin-top: 120px;
}

.motto p {
    width: 98%;
}

.gallery-section a {
    width: 50%;
}

iframe{
	height:350px;
}

.panel ul {
    float: none;
}

}


@media only screen and (max-width:375px){
	
.carousel-caption a {
    padding: 10px 24px;
}

.carousel {
    margin-top: 112px;
}

}


@media only screen and (max-width:320px){

.top-links li{
	margin-left:12px;
}

.carousel {
    margin-top:102px;
}

.carousel-caption a {
    padding: 8px 20px;
}

.panel ul {
    
    padding-left: 20px;
}

}