/* CSS Document */

body {
    background: #fff;
    margin: 0px;
    padding: 0px;
    font: 400 13px/20px 'Play', sans-serif;
    color: #888;
}

h1 {
    font: 400 40px/40px 'Bree Serif', serif;
    display: block;
    color: #1a1717;
}

h2 {
    font: 400 30px/30px 'Bree Serif', serif;
    display: block;
    color: #1a1717;
}

h3 {
    font: 400 20px/20px 'Bree Serif', serif;
    display: block;
    color: #16191a;
}

h4 {
    font: 400 14px/20px 'Bree Serif', serif;
    display: block;
    color: #16191a;
}

p {
    font: 400 13px/20px 'Play', serif;
    color: #888;
}

a {
    text-decoration: none;
    color: #16191a;
}

a:hover, a:focus {
    color: #16191a;
    text-decoration: underline;
}

.trans_eff {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

/* &&&&&&&&&&&&&&&&&&&&& HOME PAGE CLASSES &&&&&&&&&&&&&&&&&&&&&&& */

/* header classes */
.social_con { 
    float: left; 
    margin: 24px 0 0 15px;
}

.social_con a { 
    background: #fff; 
    border: 1px solid #bd0102;
    display: inline-block;
    text-align: center;
    color: #bd0102;
    font-size: 18px;
    width: 35px;
    height: 35px; 
    margin: 0 2px;
    padding: 7px 0; 
    border-radius: 100%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.social_con a:hover { 
    background: #bd0102; 
    color: #fff;
}

header { 
    top: 30px;
    background: #fff; 
    height: 80px;
    box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1);
    position: absolute; 
    width: 100%;
    z-index: 2;
}

header .navbar-collapse {
    padding: 0;
}

header .navbar-brand {
    padding: 0 !important;
    max-width: 238px;
    height: auto;
    display: block;

    margin: -5px 0 0 0;
}

header .navbar-default {
    background: none;
    border: 0;
}

.navbar-nav {
    margin: 0 0 0 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .3s;
}

header .navbar-nav>li>a {
    font: 400 15px/82px 'Play', sans-serif;
    color: #000;
    padding: 0 20px;
    height: 80px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    background: none; 
    border-bottom: 4px solid transparent;
}

header .navbar-nav>li.active>a, 
header .navbar-nav>li.active>a:hover, 
header .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background: #1a1717; 
    border-bottom: 4px solid #bd0102;
}

header .navbar-nav>li>a:focus {
    background: #1a1717;
    color: #fff; 
    border-bottom: 4px solid #bd0102;
}

header .navbar-nav>li:hover a {
    color: #fff;
    background: #1a1717; 
    border-bottom: 4px solid #bd0102;
}

#home .home, 
#company-profile .company-profile, 
#why-us .why-us, 
#enquiry .enquiry, 
#contact-us .contact-us, 
#our-client .our-client, 
#services .services {
    background: #1a1717; 
    border-bottom: 4px solid #bd0102;
    color: #fff;
}

header .navbar-nav>li .sub_con {
    display: none;
    width: 250px;
    position: absolute;
    left: 0; 
    top: 80px;
    z-index: 9999;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

header .navbar-nav>li .sub_con .inner_con {
    background: #1a1717;
    box-shadow: 0 3px 3px 2px rgba(0,0,0,0.1);
    overflow: hidden;
}

header .navbar-nav li:hover .sub_con {
    display: block;
}

.sub_con .sublink a {
    font: 400 13px/18px 'Play', sans-serif;
    color: #fff !important;
    display: block;
    text-decoration: none;
    border: 0 !important;
    border-bottom: 1px solid #221f1f !important;
    background: #1a1717 !important;
    padding: 12px 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.sub_con .sublink a:nth-child(4) { 
    border-bottom: 0 !important;
}

.sub_con .sublink a:last-child {
    border-bottom: 0;
}

.sub_con .sublink a:hover {
    color: #fff !important;
    background: #bd0102 !important;
}

a.mob_link_dd {
    display: none !important;
}

a.mob_link_dd b {
    width: 16px;
    height: 16px;
    float: right;
    display: block;
    background-image: url(../images/fq-r.png);
    background-repeat: no-repeat;
    margin: 14px -5px 0 0;
}

a.mob_link_dd_act b {
    width: 16px;
    height: 16px;
    float: right;
    display: block;
    background-image: url(../images/fq-b.png);
    background-repeat: no-repeat;
    margin: 14px -5px 0 0;
}

a.mob_link_dd_act {
    border-bottom: 0 !important;
}
/* header classes ends */

/* slider classes */
.slider_con {
    max-height: 100%;
    overflow: hidden;
}

.slider_con .carousel-caption {
    top: 18% !important;
    right: 15%;
    left: 17%;
}

.slider_con .carousel-caption .item_left {
    float: left;
    width: 62%;
    margin: 8% 0 0 0;
}

.slider_con .carousel-caption .item_right {
    float: right;
    width: 40%;
    margin: -1% 0 0 -2%;
}

.slider_con .carousel-caption .item_right img {
    width: 100%;
    display: block;
}

.carousel-indicators {
    bottom: 10px !important;
}

.carousel-caption {
    text-align: left !important;
}

.slider_con .carousel-caption h3 {
    font-size: 2.5em;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    font-family: 'Play', sans-serif;
}

.slider_con .carousel-caption p {
    font-size: 1.3em;
    line-height: 28px;
    color: #fff;
    font-weight: 300;
    font-family: 'Play', sans-serif;
    margin: 20px 0;
    max-height: 82px;
    overflow: hidden;
}

.slider_con .carousel-caption .btn-warning {
    font: 600 15px/50px 'Play', sans-serif;
    text-align: center;
    padding: 0 35px;
    height: 50px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    text-shadow: none;
    background: #f99e3e;
    border: 1px solid #f99e3e;
    text-decoration: none !important;
    outline: none;
    text-transform: uppercase;
}

.slider_con .carousel-caption .btn-warning:hover, 
.slider_con .carousel-caption .btn-warning:focus {
    background: none !important;
    color: #f99e3e !important;
    border: 1px solid #f99e3e !important;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item, 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active, 
.carousel-fade .carousel-inner .next.left, 
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next, 
.carousel-fade .carousel-inner .prev, 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control {
    display: none;
    width: auto !important;
    top: 47%;
}

.slider_con:hover .carousel-control {
    display: block;
}

.slider_con .carousel-control.left {
    left: 2%;
}

.slider_con .carousel-control.right {
    right: 2%;
}

.slider_con .carousel-control.left, 
.slider_con .carousel-control.right {
    background: none !important;
}

.slider_con .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 0;
    border-radius: 0; 
    margin: 0 2px;
}

.slider_con .carousel-indicators li.active { 
    background-color: #bd0102;
}
/* slider classes ends */

/* city contact no classes */
ul.city_no_con { 

    padding: 15px; 
    border-radius: 3px; 
    margin: 10px 0 0 0;
}

ul.city_no_con li { 
    width: 14.28571428571429%; 
    float: left; 
    list-style: none;
}

ul.city_no_con li .box { 
    background: #fff; 
    border-top: 3px solid #ccc; 
    padding: 35px 10px; 
    text-align: center; 
    border-right: 1px solid #e4e4e3; 
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

ul.city_no_con li .box .info { 
    font: 400 20px/22px 'Bree Serif', serif; 
    color: #aaa; 
    text-decoration: none; 
}

ul.city_no_con li .box .info span { 
    display: block; 
    color: #1b130f; 
    font-size: 18px; 
    font-family: 'Play', serif;
}

ul.city_no_con li .box:hover { 
    border-top: 3px solid #bd0102;
}
/* city contact no classes ends */

/* index services classes */
.devider { 
    border-bottom: 1px solid #e4e4e3; 
    margin: 70px 0 0 0;
}

.red_line { 
    width: 150px; 
    height: 5px; 
    margin: -3px auto 0 auto; 
    background: #bd0102;
}

.services_con { 
    margin: 20px 0 0 0;
}

.services_con .inner {
    margin: 30px 0 !important;
    width: 100%;
    margin: auto;
}

.services_con .inner figure {
    width: 100%;
    height: auto;
    border-radius: 3px;
    overflow: hidden;
}

.services_con .inner figure img { 
    width: 100%; 
    height: auto; 
    display: block;
}

.services_con .inner figcaption {
    padding: 22px 0 0 0;
    text-align: center;
}

.services_con .inner figcaption h3 {
    font: 400 20px/20px 'Bree Serif', sans-serif;
    color: #1b130f;
}

.services_con .inner figcaption .tbdr {
    width: 40px;
    height: 3px;
    margin: 15px auto 20px auto;
    display: block;
    background: #bd0102;
    border-radius: 1px;
}

.services_con .inner figcaption p {
    font: 400 14px/22px 'Play', sans-serif;
    color: #888;
}

.services_con .inner figcaption .btn-danger {
    font: 600 15px/35px 'Play', sans-serif;
    text-align: center;
    padding: 0 25px;
    height: 37px;
    display: inline-block;
    color: #fff !important;
    border-radius: 3px;
    text-shadow: none;
    background: #bd0102;
    text-decoration: none !important;
    outline: none;
    border: 1px solid #bd0102 !important;
    text-transform: lowercase;
}

.services_con .inner:hover figcaption .btn-danger { 
    background: #fff; 
    color: #bd0102 !important;
}
/* index services classes ends */

/* welcome and form classes */
.welcome_bg {
    background: #191615 url(../images/welcome_bg.jpg) no-repeat;
    padding: 65px 0; 
    background-attachment: fixed; 
    background-size: cover;
    margin: 60px 0 0 0;
}

.welcome_bg h1 {
    font-size: 35px;
    line-height: 37px;
    color: #bd0102;
}

.welcome_bg h1 span {
    color: #fff;
    display: block; 
    font-family: 'Play', sans-serif; 
    font-size: 25px;
    font-weight: 400;
}

.welcome_con { 
    background: #1b1817;
    border: 1px solid #242121;
    border-radius: 3px;
    padding: 40px 40px 40px 40px;
    margin: 40px 0 0 0;
}

.welcome_con p {
    font-size: 14px;
    color: #888;
    line-height: 22px;
}

.welcome_con p strong { 
    color: #ccc;
}

.welcome_con img { 
    float: right; 
    margin: -70px 0 -37px 15px; 
    width: 45%;
}
/* welcome and form classes ends */

/* testimonial and form classes */
.t_bdr { 
    width: 60px; 
    height: 4px; 
    background: #bd0102; 
    display: block; 
    margin: 15px 0 0 0;
}

.testimonial_con {
    background: url(../images/t_arrow.png) no-repeat 133px bottom; 
    padding-bottom: 27px;
}

.testimonial_con .inner {
    background: #fff url(../images/t_quote.png) no-repeat 25px 23px;
    padding: 40px 40px 40px 70px; 
    border-radius: 3px;
}

.testimonial_con .inner p {
    font-size: 15px;
    line-height: 24px;
    color: #888; 
    font-style: italic;
}

.client_name { 
    font: 400 16px/22px 'Bree Serif', sans-serif; 
    color: #1a1717; 
    margin: 10px 0 0 70px; 
}

.form_con {
    border-radius: 3px;
    padding: 18px 25px 28px 25px;
    margin: 25px 0 0 0;
    border: 1px solid #ddd;
}

.form_con2 {
    border-radius: 3px;
    padding: 0;
    margin: 25px 0 0 0; 
    border: 1px solid #eee;
}

.form_con h3 {
    background: #1a1717;
    color: #fff;
    padding: 10px 25px 12px;
    font-size: 20px;
    border-radius: 3px 3px 0 0;
}

.form_con .f_p { 
    padding-right: 5px; 
    padding-left: 5px;
} 

.form_con .form-control {
    border: 0;
    box-shadow: none;
    height: 40px;
    font: 400 14px/18px 'Play', sans-serif;
    color: #1a1717;
    padding: 7px 15px;
    border: 1px solid #ddd;
    background: #fff;
}

.form_con .form-control:focus {
    color: #bd0102;
    border: 1px solid #bd0102;
}

.submit_btn { 
    font: 600 15px/40px 'Play', sans-serif;
    text-align: center;
    padding: 0 35px;
    height: 40px;
    display: inline-block;
    color: #fff;
    border-radius: 0 0 3px 3px;
    text-shadow: none;
    background: #bd0102;
    border: 0;
    text-decoration: none !important;
    outline: none; 
    margin: 0 0 0 32px;
}

.submit_btn:hover, .submit_btn:focus {
    background: #1a1717 !important;
    color: #fff !important;
}

.form_con .form-control::-webkit-input-placeholder {
    color: #1a1717 !important;
}

.form_con .form-control:-moz-placeholder { /* Firefox 18- */
    color: #1a1717 !important;
}

.form_con .form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #1a1717 !important;
}

.form_con .form-control:-ms-input-placeholder {
    color: #1a1717 !important;
}
/* testimonial and form classes ends */

/* photo gallery classes */
ul.photo_gallery_con {
    margin: 0 -14px;
}

ul.photo_gallery_con li {
    width: 25%;
    float: left;
    list-style: none;
    margin: 14px 0;
}

ul.photo_gallery_con li p {
    text-align: center;
    font-weight: 400;
    padding: 5px 10px;
}

ul.photo_gallery_con li .inner_con {
    width: 90%;
    margin: auto;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
}
/* photo gallery classes ends */

/* clientele classes */
.client_con { 
    background: #bd0102; 
    padding: 60px 0; 
    text-align: center; 
    margin: 70px 0 0 0; 
}

.tickercontainer {
    width: 100%;
    min-height: 50px;
    margin: 30px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.tickercontainer .mask {
    position: relative;
    width: 100%;
    overflow: hidden;
}

ul.newsticker {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.newsticker li {
    float: left;
    margin: 13px;
    padding: 0;
}

ul.newsticker li figure {
    padding: 0 10px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

ul.newsticker li figure img {
    width: 100%;
    height: auto;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    -moz-filter: grayscale(0); /* Firefox */
    -ms-filter: grayscale(0); /* Internet Explorer*/
    filter: grayscale(0);
}

ul.newsticker li figure img:hover {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    -moz-filter: grayscale(100%); /* Firefox */
    -ms-filter: grayscale(100%); /* Internet Explorer*/
    filter: grayscale(100%);
}
/* clientele classes ends */

/* city contact classes */
.cc_con { 
    background: #efefef; 
    padding: 40px 20px 25px 20px; 
    position: relative;
}

.cc_con h3 { 
    background: #1a1717; 
    padding: 10px 20px 12px; 
    color: #fff; 
    display: inline-block; 
    position: absolute; 
    top: -20px; 
    left: 20px;
}

.cc_con .details { 
    font-size: 15px; 
    color: #888;
}

.cc_con .details strong { 
    color: #1a1717;
}

.cc_con  hr { 
    border-color: #e9e9e9; 
    margin: 15px 0;
}

.cc_con .fa { 
    float: left;
}

.cc_con .details span { 
    float: left; 
    width: 92%;
}
/* city contact classes ends */

/* footer classes */
footer {
    background: #1a1717;
    padding: 70px 15px 0 15px;
    margin: 70px 0 0 0;
}

footer .tittle_bdr { 
    border-bottom: 1px solid #262323;
}

footer .tittle_bdr_red {
    height: 3px;
    background: #bd0102;
    width: 60px;
    display: block; 
    margin: -2px 0 0 0;
}

footer .col_01 {
    width: 18%;
    float: left;
    margin: 0 6% 0 0;
}

footer .col_02 {
    width: 18%;
    float: left;
    margin: 0 6% 0 0;
}

footer .col_03 {
    margin: 0 4% 0 0 ;
    width: 27%;
    float: left;
    overflow: hidden; 
}

.map_con {
    width: 21%;
    height: 205px;
    overflow: hidden;
    border: 2px solid #fff;
    float: left;
    border-radius: 3px;
    margin: 40px 0 0 0;
}

footer h3 {
    font: 400 20px 'Bree Serif', sans-serif;
    color: #fff;
    text-transform: capitalize; 
    padding-bottom: 15px;
}

.f_link {
    margin: 15px 0 0 3px;
}

.f_link a {
    font: 400 13px/16px 'Play', sans-serif;
    color: #888888;
    padding: 5px 0 5px 0;
    display: block;
    text-decoration: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.f_link a:hover {
    color: #fff;
    text-decoration: underline;
}

.f_contact_con {
    margin: 18px 0 0 3px;
}

.f_contact_con i {
    color: #fff;
}

.f_contact_con p, .f_contact_con p a {
    color: #888; 
    font-size: 13px;
    line-height: 24px;
    font-family: 'Play', sans-serif;
}

.f_contact_con p a {
    text-decoration: underline;
}

.f_contact_con p a:hover {
    text-decoration: none;
}

.social_midea_con {
    float: left;
}

.social_midea_con a {
    width: 35px;
    padding: 7px 0;
    height: 35px;
    margin: 0 5px 0 0;
    background: #1a1717;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    border-radius: 100%;
    text-align: center; 
    border: 1px solid #2d2a2a;
}

.social_midea_con a:hover {
    background: #bd0102;
    border: 1px solid #bd0102;
    color: #fff;
}

.copyright_bg {
    padding: 20px 0;
    margin: 40px 0 0 0;
    border-top: 2px solid #1d1a1a;
}

.copyright_bg p {
    font-size: 13px;
    color: #373535;
    font-weight: 400; 
    float: right; 
    margin: 7px 0 0 0;
}

.copyright_bg p a { 
    color: #373535;
}
/* footer classes ends */

/* =========================== inside pages classes ============================= */

/* breadcrumb classes */
.breadcrumb_con {
    border-bottom: 1px solid #eee;
}

.breadcrumb {
    background: none;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0 8px 0;
}

.breadcrumb li {
    color: #65717b;
}

.breadcrumb li a {
    font-weight: 400;
    text-decoration: underline;
    color: #bd0102;
}

.breadcrumb li a:hover {
    text-decoration: none;
}
/* breadcrumb classes ends */

/* right contact details */
.right_contact {
    padding: 15px; 
    border-radius: 3px; 
    background: #efefef; 
    border-left: 3px solid #1a1717; 
}
/* right contact details ends */

/* right category classes */
.category_con { 
    margin: 20px 0 0 0;
}

.category_con h3 {
    background: #bd0102;
    color: #fff;
    padding: 10px 25px 12px;
    font-size: 20px;
    border-radius: 3px 3px 0 0;
}

.category_con .cat_list {
    border: 1px solid #eee;
    border-radius: 0 0 3px 3px;
}

.category_con .cat_list .fa {
    margin: 0 3px 0 0;
}

.category_con .cat_list a {
    font: 400 14px/18px 'Play', sans-serif;
    color: #1a1717;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 10px 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .3s;
}

.category_con .cat_list a:hover {
    color: #1a1717;
    background: #efefef;
}
/* right category classes ends */

/* cms area */
.box1 {
    border: 1px solid #eee;
    margin: -1px 0 0 0;
    padding: 20px;
}

.box2 {
    border: 1px solid #eee;
    margin: 25px 0 0 0;
    padding: 20px;
    border-radius: 3px;
}

.cms_area h1 {
    font-size: 30px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.cms_area .tittle_bdr {
    height: 3px;
    background: #bd0102;
    display: block;
    width: 60px;
    border-radius: 1px;
    margin: -2px 0 0 0;
}

.cms_area .img1 {
    float: right;
    margin: 0 0 0 15px;
}

.cms_area h3 {
    font: 400 18px/20px 'Bree Serif', sans-serif;
    margin: 35px 0 0 0;
    color: #1a1717;
    padding: 7px 15px 9px;
    background: #efefef;
    border-left: 3px solid #1a1717;
    display: inline-block;
}

.cms_area h4 { 
    color: #bd0102; 
    font-size: 16px; 
    margin: 25px 0 10px 0;
}

.cms_area p {
    font-size: 14px;
    line-height: 22px;
}

.cms_area .bullet_point1 {
    margin: 20px 0 0 0;
}

.cms_area .bullet_point1 li {
    list-style: none;
    margin: 5px 0;
    background: url(../images/bullet_1.png) no-repeat left 5px;
    padding-left: 15px;
}

.cms_area .no_mt {
    margin-top: 0;
}

.cms_area .no_mb {
    margin-bottom: 0;
}
/* cms area ends */

/* enquiry classes */
.enquiry_form_con .form-control {
    border-color: #ddd;
}

.enquiry_form_con .form-control:focus {
    border-color: #bd0102;
    box-shadow: 0 0 1px rgba(192,37,27,.5);
}
/* enquiry classes ends */

/* contact us classes */
.contact_map {
    height: 350px;
    margin: 50px 0 0 0;
    border-top: 3px solid #eee;
}
/* contact us classes ends */

/* category classes */
.categories_con {
    border: 1px solid #eee;
    background: #efefef;
    border-radius: 3px;
    margin: 35px 0 15px 0;
    padding: 15px;
}

.categories_con a {
    font: 400 14.5px/18px 'Play', sans-serif;
    color: #bd0102;
    width: 32.3%;
    border: 1px solid #bd0102;
    display: block;
    padding: 10px 0 10px 13px;
    text-decoration: none;
    background: #fff;
    text-transform: capitalize;
    margin: 3px .5%;
    float: left;
    border-radius: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.categories_con a:hover {
    color: #fff;
    background: #bd0102;
}
/* category classes ends */

/* sitemap classes */
.stmp {
    border: 1px solid #eee;
    background: #efefef;
    border-radius: 3px;
    margin: 35px 0 15px 0;
    padding: 15px;
}

.stmp a {
    font: 400 14px/18px 'Play', sans-serif;
    color: #888;
    width: 32.3%;
    border: 1px solid #ddd;
    display: block;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
    background: #fff;
    text-transform: capitalize;
    margin: 3px .5%;
    float: left;
    border-radius: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.stmp a:hover {
    color: #fff;
    background: #1a1717;
}

.wd_page {
    border: 2px solid #eee;
    background: #fff;
}

.wd_page a {
    font: 400 14px/18px 'Play', sans-serif;
    color: #1a1717;
    border: 1px solid #ddd;
    background: #efefef;
}

.wd_page a:hover {
    color: #fff; 
    border: 1px solid #bd0102;
    background: #bd0102;
}
/* sitemap classes ends */

/* ================= Media Query ================= */

@media only screen and (max-width: 1279px) {
    .container {
        width: 99%;
    }
    
    /* photo gallery classes */
    ul.photo_gallery_con {
        margin: 0 0;
    }
    /* photo gallery classes ends */
    
    /* testimonial and videos classes */
    .tv_con .left_con {
        padding: 7% 3% 3.5% .7%;
    }
    
    .tv_con .right_con {
        padding: 4.5% .7% 3.5% 6%;
    }
    /* testimonial and videos classes ends */
}

@media only screen and (max-width: 1151px) {
    /* header classes */
    header .navbar-nav>li>a {
        padding: 0 15px;
    }
    /* header classes ends */
    
    /* city contact no classes */
    ul.city_no_con li .box { 
        padding: 35px 5px;
    }
    
    ul.city_no_con li .box .info { 
        font: 400 18px/22px 'Bree Serif', serif;
    }
    
    ul.city_no_con li .box .info span {
        font-size: 16px;
    }
    /* city contact no classes ends */
    
    /* welcome and form classes */
    .welcome_con img { 
        margin: -70px 0 20px 15px; 
    }
    /* welcome and form classes ends */
    
    /* contact us classes */
    .contact_con {
        width: 90%;
    }
    /* contact us classes ends */
}

@media only screen and (max-width: 991px) {
    /* header classes */
    header { 
        top: 0;
        height: auto;
        position: relative; 
        padding: 15px 0 0 0; 
    }
    
    header .navbar-brand {
        width: 200px; 
        margin: 0 0 15px 0;
    }
    
    header .navbar-brand img {
        width: 100%;
    }
    
    .navbar {
        border-bottom: 0;
        margin: 0 0 0 0;
        padding: 0;
    }
    
    .navbar-nav {
        float: none;
        width: 100%;
    }
    
    header .navbar-header {
        margin: 0;
    }
    
    .navbar-nav>li {
        display: block;
        float: none;
        padding-bottom: 0 !important;
    }
    
    header .navbar-nav>li {
        position: relative !important;
    }
    
    header .navbar-nav>li>a {
        padding: 0 20px;
        color: #fff !important;
        display: block;
        background: #1a1717 !important;
        line-height: 45px;
        border: 0 !important;
        height: auto;
        border-bottom: 1px solid #272323 !important;
        border-radius: 0;
        text-align: center;
        margin: 0 0 0 0;
    }
    
    .navbar-toggle {
        background-image: none;
        border-radius: 0px;
        float: right;
        padding: 10px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 30px;
        position: relative;
        display: block;
        color: #fff !important; 
        border: 1px solid #ddd;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #1a1717 !important;
        height: 3px;
        width: 40px;
    }
    
    .navbar-header {
        float: none;
    }
    
    .navbar-collapse {
        background: #fff;
        margin: 0 -15px !important;
        position: static;
        padding: 0;
    }
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    
    .navbar-nav.navbar-right:last-child {
        margin: 0;
    }
    
    header .navbar-nav>li:last-child>a {
        border-bottom: 0 !important;
    }
    
    header .navbar-nav>li .sub_con, 
    header .navbar-nav>li:hover .sub_con {
        display: none;
        width: 100%;
        position: static;
        left: 0;
        top: px;
        z-index: 9999;
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .5s;
        -ms-transition: all linear .3s;
    }
    
    header .navbar-nav>li .sub_con .inner_con {
        border-top: 0;
        box-shadow: none;
        border-radius: 0;
    }
    
    .sub_con .sublink a, 
    .sub_con .sublink a:hover {
        border-bottom: 1px solid #ddd !important;
        padding: 8px 10px;
        text-align: center;
        background: #efefef !important;
        color: #1a1717 !important;
    }
    
    .sub_con .sublink a:nth-child(4) {
        border-bottom: 0 !important;
    }
    
    a.mob_link_ddx {
        display: none !important;
    }
    
    a.mob_link_dd {
        display: block !important;
    }
    /* header classes ends */
    
    /* city contact no classes */
    ul.city_no_con li { 
        width: 25%;
    }
    /* city contact no classes ends */
    
    /* welcome and form classes */
    .welcome_con { 
        text-align: center;
    }
    
    .welcome_con img { 
        float: none; 
        display: block; 
        margin: 0 auto 30px auto; 
        width: 60%;
    }
    /* welcome and form classes ends */
    
    /* testimonial and form classes */
    .tf_con { 
        text-align: center;
    }
    
    .t_bdr {
        display: inline-block; 
        margin: 15px 0 0 0;
    }
    
    .testimonial_con {
        background: url(../images/t_arrow.png) no-repeat center bottom; 
        padding-bottom: 27px;
    }
    
    .testimonial_con .inner {
        padding: 40px 40px 40px 60px; 
        border-radius: 3px;
    }
    
    .client_name {
        margin: 10px 0 0 0; 
    }
    
    .submit_btn { 
        margin: 0 0 0 0;
    }
    /* testimonial and form classes ends */
    
    /* photo gallery classes */
    ul.photo_gallery_con {
        width: 100%;
    }
    /* photo gallery classes ends */
    
    /* footer classes */
    footer .col_01 {
        width: 25%;
    }
    
    footer .col_02 {
        width: 25%;
    }
    
    footer .col_03 {
        margin: 0 0 0 0 ;
        width: 35%;
        float: right;
    }
    
    .map_con { 
        display: none;
    }
    
    .social_midea_con {
        float: none; 
        text-align: center;
    }
    
    .copyright_bg p { 
        text-align: center;
        float: none; 
    }
    /* footer classes ends */
    
    /* cms area */
    .cms_area p {
        text-align: left !important;
    }
    /* cms area ends */
    
    /* right category classes */
    .right_contact {
        margin: 35px 0 0 0;
    }
    /* right category classes ends */
    
    /* category classes */
    .categories_con a {
        width: 48.5%;
    }
    /* category classes ends */
    
    /* sitemap classes */
    .stmp a {
        width: 48.5%;
    }
    /* sitemap classes ends */
}

@media only screen and (max-width: 767px) {
    .container {
        width: 100%;
    }
    
    /* header classes */
    .container-fluid > .navbar-collapse, 
    .container-fluid > .navbar-header, 
    .container > .navbar-collapse, 
    .container > .navbar-header { 
        margin-left: 0; 
        margin-right: 0;
    }
    /* header classes ends */
    
    /* slider classes */
    .slider_con .carousel-caption {
        top: 10% !important;
        right: 5%;
        left: 5%;
    }
    
    .slider_con .carousel-caption .item_left {
        float: left;
        width: 70%;
        margin: 0% 0 0 0;
    }
    
    .slider_con .carousel-caption .item_right {
        float: right;
        width: 30%;
        margin: -1% 0 0 0;
    }
    
    .carousel-indicators {
        bottom: 0 !important;
    }
    
    .slider_con .carousel-caption h3 {
        font-size: 1.6em;
        line-height: 20px;
        font-weight: 500;
    }
    
    .slider_con .carousel-caption p {
        max-height: 40px;
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0;
    }
    
    .slider_con .carousel-caption .btn-warning {
        font: 600 13px/35px 'Titillium Web', sans-serif;
        text-align: center;
        padding: 0 15px;
        height: 35px;
    }
    /* slider classes ends */
    
    /* city contact no classes */
    ul.city_no_con li { 
        width: 33.333333%;
    }
    /* city contact no classes ends */
    
    /* welcome and form classes */
    .welcome_con { 
        padding: 30px;
    }
    
    .welcome_con img {
        width: 70%;
    }
    /* welcome and form classes ends */
    
    /* photo gallery classes */
    ul.photo_gallery_con li {
        width: 50%;
    }
    /* photo gallery classes ends */
    
    /* city contact classes */
    .bengaluru_address { 
        display: block;
    }
    /* city contact classes ends */
    
    /* footer classes */
    footer { 
        padding-left: 0; 
        padding-right: 0; 
        padding-top: 40px;
    }
    
    footer .tittle_bdr { 
        border-bottom: 1px solid #262323;
    }
    
    footer .tittle_bdr_red {
        margin: -2px auto 0 auto;
    }
    
    footer .col_01 {
        width: 100%; 
        text-align: center;
        margin: 0 0 0 0;
    }
    
    footer .col_02 {
        width: 100%; 
        text-align: center;
        margin: 30px 0 0 0;
    }
    
    footer .col_03 {
        width: 100%; 
        text-align: center;
        margin: 30px 0 0 0;
    }
    
    .f_link {
        margin: 15px 0 0 0;
    }
    
    .f_contact_con {
        margin: 18px 0 0 0;
    }
    
    .copyright_bg p .prd { 
        display: block;
    }
    /* footer classes ends */
    
    /* cms area */
    .middle_box1, .middle_box3 {
        padding: 25px;
        width: 100%;
    }
    
    .middle_box2 {
        width: 100%;
    }
    
    .middle_box3 .cms_area .img1 {
        float: none;
        margin: 15px auto 15px auto;
    }
    /* cms area ends */
    
    /* category classes */
    .categories_con a {
        width: 100%;
        margin: 3px 0;
    }
    /* category classes ends */
    
    /* sitemap classes */
    .stmp a {
        margin: 3px 0;
        width: 100%;
    }
    /* sitemap classes ends */
}

@media only screen and (max-width: 479px) {
    h1 {
        font-size: 35px;
        line-height: 37px;
    }
    
    /* header classes */
    header .navbar-brand {
        width: 150px; 
        margin: 0 0 15px 0;
    }
    
    .navbar-toggle {
        margin-top: 21px;
    }
    /* header classes ends */
    
    /* city contact no classes */
    ul.city_no_con li { 
        width: 100%;
    }
    /* city contact no classes ends */
    
    /* welcome and form classes */
    .welcome_con { 
        padding: 20px;
    }
    
    .welcome_con img {
        width: 90%;
    }
    /* welcome and form classes ends */
    
    /* photo gallery classes */
    ul.photo_gallery_con li {
        width: 100%;
    }
    /* photo gallery classes ends */
    
    /* city contact classes */
    .cc_con .details { 
        font-size: 14px;
    }
    
    .cc_con .details span { 
        width: 90%;
    }
    /* city contact classes ends */
    
    /* testimonials classes */
    .tml_con {
        background: url(../images/t_colon2.png) no-repeat left top;
        padding: 0 25px 25px 45px;
        min-height: 50px;
    }
    /* testimonials classes ends */
}