/*
    Template: 		Mygubbi
    Description: 	Main Style sheet
    Version: 		1.1
    Author: 		Smruti Mohanty & Mehaboob Basha
*/

/* Global Attributes */

body{
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
}

p {
    font-size: 14px;
    line-height: 1.75;
    font-family: 'Raleway', sans-serif;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    text-decoration: none;
}

a {
    color: #000;
    -webkit-transition: color 0.3s, opacity 0.2s;
    transition: color 0.3s, opacity 0.2s, transform 0.3s;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #ff3200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-weight: 400;
}

ul, ol{
    font-family: 'Raleway', sans-serif;
}

input[type=text],
input[type=number],
input[type=password],
input[type=email] {
    color: #333333;
}
footer input[type=text],
footer input[type=number],
footer input[type=password],
footer input[type=email] {
    color: #ffffff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=password] {
    font-size: 18px;
    color: #333333;
}

input[type=checkbox] {
    zoom: 1.5;
    top: 4px;
    position: relative;
}

.para{
    display: inline;
}
.small-head{
    font-size: 15px;
    display: inline;
    text-transform: lowercase;
}

/* Start Display style */

.inline-block{
    display: inline-block;
}

.block{
    display: block;
}

/* End Display style */

/* Text attributes */

.capitalize{
    text-transform: capitalize;
}

.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.text-capitalize{
    text-transform: Capitalize;
}

.text-uppercase{
    text-transform: Uppercase;
}

.text-normal{
    text-transform: inherit;
}

.font-noraml{
    font-weight: noraml;
}

.nowrap{
    white-space: nowrap;
}

.word-break{
    word-break: break-all;
}
/* Image attributes */

.object-fit_fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-fit_contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-fit_cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit_none {
  -o-object-fit: none;
     object-fit: none;
}

.object-fit_scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.img-wrapper {
    overflow: hidden;
}

.img-wrapper img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
}

.img-wrapper img:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.img-centered{
    margin: 0 auto;
}

/* margin top */

.mt0{
    margin-top:0;
}

.mt10{
    margin-top:10px;
}

.mt20{
    margin-top:20px;
}

.mt30{
    margin-top:30px;
}

.mt40{
    margin-top:40px;
}

.mt50{
    margin-top:50px;
}

.mt60{
    margin-top:60px;
}

.mt70{
    margin-top:70px;
}

.mt80{
    margin-top:80px;
}

.mt90{
    margin-top:90px;
}

.mt100{
    margin-top:100px;
}

/* margin bottom */

.mb0{
    margin-bottom:0;
}

.mb10{
    margin-bottom:10px;
}

.mb20{
    margin-bottom:20px;
}

.mb30{
    margin-bottom:30px;
}

.mb40{
    margin-bottom:40px;
}

.mb50{
    margin-bottom:50px;
}

.mb60{
    margin-bottom:60px;
}

.mb70{
    margin-bottom:70px;
}

.mb80{
    margin-bottom:80px;
}

.mb90{
    margin-bottom:90px;
}

.mb100{
    margin-bottom:100px;
}

/* Margin Right */

.mr10{
    margin-right:10px;
}

.mr20{
    margin-right:20px;
}

.mr30{
    margin-right:30px;
}

/* Margin Left */

.ml10{
    margin-left:10px;
}

.ml20{
    margin-left:20px;
}

.ml30{
    margin-left:30px;
}

/* Margin Top Negative */

.mt-10{
    margin-top:-10px;
}

.mt-20{
    margin-top:-20px;
}

.mt-30{
    margin-top:-30px;
}

.mt-40{
    margin-top:-40px;
}

.mt-50{
    margin-top:-50px;
}

.mt-60{
    margin-top:-60px;
}

.mt-70{
    margin-top:-70px;
}

.mt-80{
    margin-top:-80px;
}

.mt-90{
    margin-top:-90px;
}

.mt-100{
    margin-top:-100px;
}

/* Padding Top */
.paddingtop15{
    padding-top:15px!important;
}

.pt0{
    padding-top:0;
}

.pt10{
    padding-top:10px;
}

.pt20{
    padding-top:20px;
}

.pt30{
    padding-top:30px;
}

.pt40{
    padding-top:40px;
}

.pt50{
    padding-top:50px;
}

.pt80{
    padding-top:80px;
}

.pt90{
    padding-top:90px;
}

.pt100{
    padding-top:100px;
}

/* Padding Bottom */

.pb0{
    padding-bottom:0;
}

.pb10{
    padding-bottom:10px;
}

.pb20{
    padding-bottom:20px;
}

.pb30{
    padding-bottom:30px;
}

.pb40{
    padding-bottom:40px;
}

.pb50{
    padding-bottom:50px;
}

.pb80{
    padding-bottom:80px;
}

.pb90{
    padding-bottom:90px;
}

.pb100{
    padding-bottom:100px;
}

/* Margin Old Attributes */

.margin0 {
    margin: 0px ;
}

.margin-top0 {
    margin-top: 0px;
}

.margin-top10{
    margin-top: 10px;
}

.margin-top20 {
     margin-top: 20px;
}

.margin-top70{
    margin-top:70px;
}

.margin-bottom0 {
    margin-bottom: 0px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom70 {
    margin-bottom: 70px;
}

.mbt10{
    margin:10px 0px;
}

.mbt20{
    margin:20px 0px;
}

/*  Padding Old Section */

.padding0 {
    padding: 0px;
}

.padding5 {
    padding: 5px;
}
.padding15 {
    padding: 15px;
}

.padding50-15 {
    padding: 50px 15px;
}

.padding20-15 {
    padding: 20px 15px;
}

.padding-left10{
    padding-left:10px;
}

.padding-left15{
    padding-left:15px;
}

.padding-right35{
    padding-right:35px;
}

.padding-top10{
    padding-top:10px;
}

.padding-bottom0{
    padding-bottom:0px;
}

.padding-bottom10{
    padding-bottom:10px;
}

.padding-bottom15{
    padding-bottom:15px;
}

.padding-bottom50{
    padding-bottom:50px;
}

@media (max-width: 768px) {
    .mob-padding-0{
        padding: 0px;
    }
    .mob-margin-0{
        margin: 0px;
    }
    .mob-margin-top-0{
        margin-top: 0px;
    }
    .mob-padding-top-0{
        padding-top: 0px;
    }
    .mob-margin-bottom-0{
        margin-bottom: 0px;
    }
    .mob-padding-bottom-0{
        padding-bottom: 0px;
    }
    .mob-padding-15{
        padding: 15px;
    }
    .mob-padding-top-10{
        padding-top: 10px;
    }
    .mob-padding-bottom-10{
        padding-bottom: 10px;
    }
    .mob-padding-top-20{
        padding-top: 20px;
    }
    .mob-padding-bottom-20{
        padding-bottom: 20px;
    }
    .mob-padding-top-50{
        padding-top: 50px;
    }
    .md-center{
        float: none !important;
        text-align: center;
        margin: 10px auto;
        background: transparent !important;
    }
}

/* Background Attributes */

.bg-none {
    background: none !important;
}

.bg-white {
    background-color: #ffffff;
}

.bg-color-white {
    background-color: #ffffff;
}

.bg-color-orange {
    background-color: #ea5c36;
}
.bg-color-brown {
    background-color: #634e42;
}

.bg-gray {
    background-color: #CCCCCC;
}

.bg-light-gray {
    background-color: #f2f4f4;
}

.bg-darkest-gray {
    background-color: #222222;
}

.bg-blue {
    background-color: #9FB5BF;
}

.bg-orange-gray {
    background-color: #ece9da;
}

.bg-dark-gray {
    background-color: #808080;
}

.bg-dark-darkgreen {
    background-color: #2F4446;
}

.portfolio-bg-gray {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.2);
}

.orange-background{
    color: rgba(241,90,34,1);
}

.bg-color-blue1 {
    background-color: rgba(15, 81, 114, 1);
}

.bg-color-blue2 {
    background-color: rgba(21, 103, 151, 1);
}

.bg-color-blue3 {
    background-color: rgba(47, 125, 163, 1);
}

.bg-color-blue4 {
    background-color: rgba(68, 134, 168, 1);
}

.bg-color-blue5 {
    background-color: rgba(71, 164, 201, 1);
}

.bg-color-blue6 {
    background-color: rgba(90, 178, 220, 1);
}

.bg-color-red {
    background-color: rgba(242, 91, 34, 1);
}

.bg-color-gray {
    background-color: rgba(225, 226, 226, 1);
}

/* Text Color Attributes */

.text-muted {
    color: #777;
}

.text-primary {
    color: #f1591f;
}

.text-white {
    color: #ffffff;
}

.text-mg-gray{
    color: #556871;
}

.txt-color-white{
    color: #ffffff;
}
.txt-color-brown{
    color: #8B4513!important;
}

.txt-color-black{
    color: #555;
}

.txt-color-light-grey{
    color: #ddd;
}

.txt-color-orange{
    color: #f1591f;
}

/* Font Weight Attributes */

.font-weight100 {
     font-weight: 100;
}

.font-weight200 {
     font-weight: 200;
}

.font-weight300 {
     font-weight: 300;
}

.font-weight400 {
     font-weight: 400;
}

/* Main Image Section */

.width100{
    width: 100%!important;
}

.width90{
    width: 90%!important;
}

.width85{
    width: 85%!important;
}

.width80{
    width: 80%!important;
}

.width60{
    width: 60%!important;
}

.width40{
    width: 40%!important;
}

.width0{
    width: 0%!important;
}

/* Position Attributes */

.absolute{
    position: absolute;
    z-index:1;
}

.absolute-float-left {
    position: absolute;
    float: left;
}

.absolute-float-right {
    position: absolute;
    float: right;
}

.overflow-hidden {
    overflow: hidden;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/* Back To Top */
.back-to-top {
    font-size: 20px;
    position: fixed;
    bottom: 2em;
    /*margin: auto;*/
    right: 10px;
    text-decoration: none;
    color: #555 !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    height: 54px;
    line-height: 54px !important;
    width: 54px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.63);
}

.back-to-top span {
    line-height: 45px !important;
}

.back-to-top:hover {
    background-color: rgba(200, 200, 200, 0.5) !important;
    color: #333 !important;
    text-decoration: none;
}

/* Start Footer */

.bg-color-footer-top{
    background: #323a3f;
    color: #ffffff;
}

.bg-color-footer-top h6{
    text-transform: inherit;
}

.border-bottom-ft-grey{
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 20px;
    margin-top: 20px;
}
.footer-top {
    position: absolute;
    margin-top: -60px;
    right: 0;
    width: 100%;
}

.footer-bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60%;
    opacity: 1;
}

@media (max-width: 767px) {
    .footer-bg {
        width: 100%;
    }
}

footer {
    position: relative;
    color: #000;
    padding: 30px 0 0px 0;
    text-align: left;
    border-top: 1px solid #ccc;
}

footer p{
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    line-height: 24px;
    -webkit-transition: color 0.3s, opacity 0.2s;
    transition: color 0.3s, opacity 0.2s, transform 0.3s;
    font-weight: 300;
}
footer a {
    color: rgba(255,255,255,0.6);
    line-height: 24px;
    font-size: 12px;
    -webkit-transition: color 0.3s, opacity 0.2s;
    transition: color 0.3s, opacity 0.2s, transform 0.3s;
    font-weight: 300;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}

footer span {
    line-height: 20px;
}

footer h5 {
    font-weight: 400;
    line-height: 20px;
    text-transform: inherit;
}

footer .social-btn-link{
    padding: 0px;
}
footer ul.quicklinks {
    margin-bottom: 0;
    line-height: 20px;
}

footer ul.social-buttons,
.userpop ul.social-buttons {
    margin-bottom: 0;
}

footer ul.social-buttons li a {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 30px;
    outline: 0;
    color: rgba(255,255,255,0.6);
    text-align: center;
    margin-top: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
footer .ioc-circle {
    width: 35px;
    height: 35px;
    overflow: hidden;
    background: #fdfbfb;
    display: inline-block;
    border-radius: 50%;
    margin: 0px auto;
    float: left;
    cursor: pointer;
}

footer .ioc-circle:hover,
footer .ioc-circle:focus,
footer .ioc-circle:active{
    background: rgba(253, 251, 251, 0.7);
}

footer .ioc-circle .glyphicon{
    color: #33434c;
    display: inline-block;
    margin: 5px 9px;
    float: left;
    width: 100%;
    font-size: 18px;
}
@media (max-width: 767px) {
    footer .ioc-circle .glyphicon{
        width: 50%;
    }
    footer .ioc-circle{
        float: none;
    }
}

.userpop ul.social-buttons li a {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 30px;
    outline: 0;
    color: rgba(255,255,255,0.6);
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

footer ul.social-buttons li a:hover,
footer ul.social-buttons li a:focus,
footer ul.social-buttons li a:active,
.userpop ul.social-buttons li a:hover,
.userpop ul.social-buttons li a:focus,
.userpop ul.social-buttons li a:active {
    color: rgba(255,255,255,0.9);
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 30px;
    outline: 0;
    color: rgba(255,255,255,0.6);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    color: rgba(255,255,255,0.9);
}

.footer-form-control{
    color: #ffffff;
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
}
.btn-footer{
    background: #151d22;
    text-transform: uppercase;
    border-radius: 0px;
    color: rgba(255,255,255,0.6);
}
.btn-footer:hover,
.btn-footer:active,
.btn-footer:focus{
    background: #151d22;
    color: rgba(255,255,255,0.9);
}

.list-tag>li {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.6);
    margin-right: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 3px 12px;
}
.list-tag>li:hover,
.list-tag>li:active,
.list-tag>li:focus {
    background: #151d22;
    color: rgba(255,255,255,0.9);
}

.footer-section-top,
.footer-section-top ul,
.footer-section-top p {
    font-family: 'Lato', sans-serif;
}

.footer-section-bottom{
    background: #33434c;
    padding: 20px 0px 0px;
}

.footer-section-bottom a,
.footer-section-bottom p{
    color: rgba(255,255,255,0.4);
    font-size: 14px;
}

/* End Footer */

/* Start ADDONS Page */
.addons-img-box {
    background: #efefef;
    padding: 15px 15px 5px;
    margin-top: 20px;
    margin-bottom:5px;
    border-radius: 2px;
    min-height: 325px;
}
.addons-img {
    position: relative;
    display: block;
    margin: 0px auto;
    min-height: 175px;
    max-height: 175px;
    overflow: hidden;
}
.addons-price {
    font-family: 'Lato', sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: rgba(241, 90, 34, 0.8);
    width: 100%;
    color: #fff;
}
.addons-details h5 {
    font-size: 13px;
    text-transform: capitalize;
    line-height: 150%;
    margin-bottom: 0px;
}
.addons-details h3 {
    text-transform: capitalize;
    margin: 10px 0px 5px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}
.addons-details p{
    font-size: 14px;
    margin: 0px;
    font-family: 'Lato', sans-serif;
}
/* End ADDONS Page */

/* Start kitchen material Page */

.material-head {
    color: #4d616b;
    margin: 50px 0px 20px;
    font-size: 40px;
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: inline-block;
}

.material-details p {
    font-size: 16px;
    line-height: 150%;
    color: #444444;
}

/* End kitchen material Page */

/* Start Know your kitchen and wardrobe Page */

.kyk-kyw-head{
    font-weight: 300;
    font-size: 32px;
    color: #556871;
}
.kyk-kyw-head-dark{
    font-weight: 300;
    font-size: 32px;
    color: #333333;
}
.kyk-kyw-head-light{
    font-weight: 300;
    font-size: 32px;
    color: #ffffff;
}

/* Know Your Kitchen */

.btn-k-explore{
     background-color: #000000;
     color: #ffffff;
     border-radius: 0px !important;
     text-transform: uppercase;
     border: 2px solid #000000;
 }

 .btn-k-explore:hover,
 .btn-k-explore:focus,
 .btn-k-explore:active{
     background-color: #ffffff;
     color: #000000;
 }

.kyk-box p{
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
}

.kyk-banner-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916460/kyk/knk_banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 420px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px 0 30px 0;
    text-align: center;
    color: #ffffff;
}

.kyk-box{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
}

.kyk-ergonomics-dec{
    text-align: center;
    margin-top: 35%;
}
.kyk-ergonomics-dec p{
    font-size: 16px;
    line-height: 150%;
}

.accessories-hardware-dec{
    text-align: center;
    margin-top: 135px;
    color: #333333;
}

.accessories-hardware-dec p {
    font-size: 16px;
    line-height: 150%;
    padding: 0px 45px;
}

.kyk-appliances-section{
   background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470104463/kyk/1.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 380px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #333333;
}

.kyk-appliances-cont{
    margin-top: 12%;
}

.kyk-appliances-dec p{
    font-size: 16px;
    line-height: 150%;
}

.kyk-finishes-section{
    background: #c7c7c7;
    min-height: 440px;
    padding-top: 25px;
}

.kyk-swatches-content{
    margin-top: 30px;
}

.kyk-finishes-card{
    margin-top: 60px;
}

.kyk-handle-section{
   background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470137364/kyk/HANDLE-.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 420px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #333333;
}

.kyk-handle-cont {
    margin: 9% 0%;
}
.kyk-splash-card {
    margin: 0%;
}
.kyk-sink-cont{
    margin: 3% 0%;
}

.kyk-sink-cont p{
    font-size: 16px;
}

.kyk-handle-cont p{
    font-size: 16px;
    color: #ffffff;
}
.kyk-splash-card p{
    font-size: 16px;
    color: #ffffff;
}

.kyw-counter-details{
    margin: 10px 0px;
}

.kyw-counter-details p {
    font-size: 16px;
    color: #000;
}

.kyk-counter-content{
    margin: 5% 2%;
}

.kyk-shutter-cont{
    margin: 7% 0%;
}

.breakfast-box {
    margin-top: 100%;
}

.right-vessel-img {
    margin-top: 50px;
}

.kyk-sink-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470644384/kyk/sink___faucet.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 420px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #333333;
}

/* Media Query */

@media (min-width: 1900px) {
    .kyk-banner-bg{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916460/kyk/knk_banner.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 570px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 30px 0 30px 0;
        text-align: center;
        color: #ffffff;
    }
    .kyk-appliances-section{
       background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470104463/kyk/1.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 570px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #333333;
    }
    .kyk-appliances-cont{
        margin-top: 35%;
    }
    .kyk-handle-section{
       background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470137364/kyk/HANDLE-.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 570px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #333333;
    }
    .kyk-sink-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470644384/kyk/sink___faucet.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 570px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #333333;
    }
    .kyk-handle-cont {
        margin: 15% 0%;
    }
    .kyk-splash-card {
        margin: 15% 0%;
    }
    .kyk-sink-cont{
        margin: 7% 2%;
    }
    .kyk-shutter-cont{
        margin: 5% 0%;
    }
}

@media (max-width: 768px) {
    .kyk-box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .breakfast-box {
        margin-top: 10px;
    }
    .kyk-ergonomics-dec{
        margin-top: 25%;
    }
    .accessories-hardware-dec {
        text-align: center;
        margin-top: 70%;
        color: #333333;
    }
    .kyk-appliances-cont h2{
        color: #ffffff;
    }
    .kyk-appliances-dec p{
        color: #ffffff;
    }
    .kyk-banner-bg{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916460/kyk/knk_banner.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 320px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 30px 0 30px 0;
        text-align: center;
        color: #ffffff;
    }
    .kyk-counter-content{
        margin: 1% 0%;
    }
    .kyk-splash-card .nav li a{
        padding: 5px 10px;
    }
}

@media (max-width: 480px) {
    .kyk-box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .breakfast-box {
        margin-top: 10px;
    }
    .kyk-ergonomics-dec{
        margin-top: 10px;
    }
    .accessories-hardware-dec {
        text-align: center;
        margin-top: auto;
        color: #333333;
    }
    .kyk-appliances-cont{
        margin-top: 30%;
    }
    .accessories-hardware-section-img h2{
        margin-top: 55%;
    }
    .kyk-appliances-cont h2{
        color: #333333;
        text-align: center;
    }
    .kyk-appliances-dec p{
        color: #333333;
    }
    .kyk-ergonomics-dec{
        margin-top: 10px;
    }
    .kyk-banner-bg{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916460/kyk/knk_banner.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 160px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 30px 0 30px 0;
        text-align: center;
        color: #ffffff;
    }
    .kyk-appliances-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470104463/kyk/1.jpg");
        background-repeat: no-repeat;
        background-position: inherit;
        height: auto;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 15px 0 15px 0;
        text-align: center;
        color: #333333;
        display: block;
    }
    .kyk-handle-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470396311/kyk/10.jpg");
        background-repeat: no-repeat;
        background-position: inherit;
        min-height: 170px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 15px 0 15px 0;
        text-align: center;
        color: #333333;
        display: block;
    }

    .kyk-handle-section h2{
        margin-top: 55%;
    }
    .accessories-hardware-dec p {
        font-size: 16px;
        line-height: 150%;
        padding: 0px 0px;
    }
    .kyk-kyw-head-light{
        color: #333;
    }
    .kyk-sink-cont{
        text-align: center;
    }
    .kyk-sink-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470395676/kyk/16.jpg");
        background-repeat: no-repeat;
        background-position: inherit;
        min-height: 170px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 15px 0 15px 0;
        text-align: center;
        color: #333333;
        display: block;
    }

    .kyk-sink-section h2{
        margin-top: 65%;
    }

    .accessories-hardware-dec {
        text-align: center;
        margin-top: 0;
        color: #333333;
    }
}

/* End Media Query */

/* Global Media Query */

@media all and (min-width: 768px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .hidden-mobile{
        display: none !important;
    }
}

/* End Global Media Query */

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Know Your Wardrobe */

.kyw-banner-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916467/kyw/knw_banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 360px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #ffffff;
}

.open-wardrobe-section{
    background: url("https://res.cloudinary.com/mygubbi/image/upload/v1469247527/kyw/kyw_pattern.png");
}
.open-wardrobe-inter-section{
    background: url("https://res.cloudinary.com/mygubbi/image/upload/v1469247527/kyw/kyw_pattern.png");
    height:750px;
}
.open-wardrobe-section p{
    font-size: 16px;
    margin: -20px 0px 25px;
    line-height: 150%;
}

.ergonomics-wrapper p {
    font-size: 16px;
    margin: -20px 10px 30px;
    line-height: 150%;
}

.kyw-slider-carousel .carousel-inner img{
    min-height: 380px;
}
#kyw-slider-carousel .carousel-inner{
    margin-top: 0px !important;
}
#kyw-slider-carousel .carousel-caption {
    left: auto;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
}
#kyw-slider-carousel .carousel-caption {
    left: 25%;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
    top: 15%;
}
#kyw-interior-slider .carousel-caption {
    left: 25%;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
    top: 0%;
}
#kyw-slider-carousel .carousel-indicators {
    bottom: 30px;
}
#kyw-slider-carousel  .carousel-indicators li{
    margin: 4px;
    width: 12px;
    height: 12px;
    border: 2px solid #222222;
}
#kyw-slider-carousel  .carousel-indicators .active {
    margin: 4px;
    width: 12px;
    height: 12px;
    background-color: #949494;
}
.kyw-slider-carousel p{
    font-size: 16px;
    line-height: 150%;
    margin-top: 25px;
}
.kyw-wardrobe-type{
    padding: 20px 30px;
}
.wardrobe-head{
    margin: 70px 10px 20px;
    font-weight: 300;
}
.kyw-wardrobe-details{
    padding: 20px 0px 0px;
}
.kyw-wardrobe-details p{
    font-size: 16px;
    line-height: 150%;
    color: #444444;
}
.kyw-wardrobe-card {
    margin-top: 60px;
}
.kyw-wardrobe-card h5{
    font-weight:500!important;
}
.interior-section{
    background: url("https://res.cloudinary.com/mygubbi/image/upload/v1469247527/kyw/kyw_pattern_color.png");
}
.interior-section .interior-para{
    color: #333333;
    text-shadow: none;
    font-size: 16px;
    line-height: 150%;
}

#kyw-interior-slider .carousel-inner{
    margin-top: 0px !important;
}
#kyw-interior-slider .carousel-caption {
    left: auto;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
}
#kyw-interior-slider .carousel-caption {
    left: 25%;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
    top: 0%;
}
#kyw-interior-slider .carousel-caption {
    left: 25%;
    right: 5%;
    width: 30%;
    color: #333;
    bottom: 100px;
    text-shadow: 0px 0px 0px #fff;
    top: 0%;
}
#kyw-interior-slider .carousel-indicators {
    bottom: 15px;
}
#kyw-interior-slider  .carousel-indicators li{
    margin: 4px;
    width: 12px;
    height: 12px;
    border: 2px solid #222222;
}
#kyw-interior-slider  .carousel-indicators .active {
    margin: 4px;
    width: 12px;
    height: 12px;
    background-color: #949494;
}
.interior-section .carousel-caption{
    padding:0px;
    width: 50%;
}

.dimensions-head{
    margin: 25px 10px 20px;
    font-weight: 300;
    color: #707375;
}
.kyw-dimensions{
    margin-bottom: 20px;
}
.kyw-dimensions-details{
    margin: 10px 0px 10px;
}
.kyw-dimensions-details p{
    font-size: 16px;
    line-height: 150%;
}

.kyw-material{
    background: #beb9b6;
    min-height: 450px;
}
.kyw-material-img{
    padding: 90px 50px 20px;
}
.kyw-material-details{
    margin: 20px 0px;
}
.kyw-dimensions-card-tab{
    margin: 10px 40px;
}
.kyw-finishes-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260942/kyw/PG_10_1_BACKGROUND.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 750px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #444444;
}
.kyw-finishes-section .laminate{
    border-bottom:7px solid #5a777b;
    margin:0px 1px;
}
.kyw-finishes-section .pupaint{
    border-bottom:7px solid #abeeeb;
    margin:0px 1px;
}
.kyw-finishes-section .pvcfoil{
    border-bottom:7px solid #555555;
    margin:0px 1px;
}
.kyw-finishes-details {
    margin: 20px 40px;
}

.kyw-finishes-details p{
    font-size: 16px;
    line-height: 150%;
}

.kyw-finishes-type-section{
    position: relative;
}
.kyk-splash-panel-section{
    position: relative;
}
.kyk-kitchen-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 90px;
    width: 100%;
}

.kyw-wardrobe-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    width: 100%;
}

.kyw-finishes-type-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 30%;
    width: 100%;
}
.kyw-splash-panel-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    width: 100%;
}
.kyw-material-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 5%;
    width: 100%;
}
.kyk-counter-content-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 10%;
    width: 100%;
}
.finishes-type-container{
    width: 100%;
}

.kyw-finishes-type-section .matte{
    border-bottom:7px solid #464646;
    margin:0px 1px;
}
.kyw-finishes-type-section .suede{
    border-bottom:7px solid #a1a1a1;
    margin:0px 1px;
}
.kyw-finishes-type-section .highgloss{
    border-bottom:7px solid #cccccc;
    margin:0px 1px;
}
.kyw-finishes-type-section .acrylis{
    border-bottom:7px solid #ffffff;
}

.kyk-splash-panel-section .matte{
    border-bottom:7px solid #464646;
    margin:0px 1px;
}
.kyk-splash-panel-section .suede{
    border-bottom:7px solid #a1a1a1;
    margin:0px 1px;
}
.kyk-splash-panel-section .highgloss{
    border-bottom:7px solid #cccccc;
    margin:0px 1px;
}
.kyk-splash-panel-section .acrylis{
    border-bottom:7px solid #ffffff;
}
.shutter-designs-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470104501/kyk/Scene_Shutter.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 380px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #ffffff;
}

.shutter-designs-section p{
    font-size: 16px;
    line-height: 150%;
}
.kyw-handle-card{
    padding: 10px 20px 0px;
}
.kyk-finishe-details{
    color: #ffffff;
    padding: 10px 20px;
}


.accessories-section-img{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260988/kyw/PG_13_1_MAIN_BACKGROUND_IMAGE.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 700px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #ffffff;
}

.hardware-section-img{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469261008/kyw/PG_15__1_MAIN_BASE_IMAGE.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 700px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #ffffff;
}

.accessories-hardware-section-img{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470137366/kyk/accessories.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 700px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0 15px 0;
    text-align: center;
    color: #ffffff;
}

.g-lift{
    position: absolute;
    bottom: 20px;
    width: 250px;
    height: auto;
    font-size: 20px;
    left: 0px;
}
.t-lift{
    position: absolute;
    top: 20px;
    width: 250px;
    height: auto;
    font-size: 20px;
    left: 0px;
}
.h-lift{
    position: absolute;
    bottom: 5px;
    width: 240px;
    height: auto;
    font-size: 12px;
    left: 5px;
    right: 5px;
}
/* Trigger item */

.content {
	padding: 0 10px;
	margin: 0 auto;
	text-align: center;
	top: 0px !important;
}

.dummy-image {
	position: relative;
}
.dummy {
	text-align: left;
	padding: 1em;
	min-height: 300px;
	margin: 0 auto;
	font-weight: 300;
}
.tooltip-content{
    padding: 0px;
}
.tooltip {
	position: absolute!important;
	z-index: 999!important;
	width: 2.2em!important;
	height: 2.2em!important;
	cursor: pointer!important;
	opacity: 2;
	font-family: 'Lato', sans-serif;
}
.tooltip-item {
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	position: absolute;
	border-radius: 50%;
	z-index: 999;
	border: 2px solid #333333;
	-webkit-animation: pulse 0.6s infinite alternate;
	animation: pulse 0.6s infinite alternate;
}

@-webkit-keyframes pulse {
	from { -webkit-transform: scale3d(0.5,0.5,1); }
	to { -webkit-transform: scale3d(1,1,1); }
}

@keyframes pulse {
	from { -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
	to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.tooltip:hover .tooltip-item {
	border-color: #fff;
}

.tooltip:first-child {
	top: 20%;
	left: 20%;
}

.tooltip:nth-child(2) {
	top: 50%;
	left: 10%;
}

.tooltip:nth-child(3) {
	top: 40%;
	left: 50%;
}

.tooltip:nth-child(4) {
	top: 70%;
	left: 70%;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 200px;
	bottom: 50%;
	margin-bottom: -1em;
	padding: 0px;
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-west .tooltip-content {
	left: 4em;
	z-index: 9999;
	-webkit-transform-origin: -2em 50%;
	transform-origin: -2em 50%;
	-webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0) ;
	/*-webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);
	transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);*/
}

.tooltip-east .tooltip-content {
	right: 4em;
	z-index: 9999;
	-webkit-transform-origin: calc(100% + 2em) 50%;
	transform-origin: calc(100% + 2em) 50%;
	-webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
	transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	z-index: 9999;
	-webkit-transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
	transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
	pointer-events: auto;
}

/* Gap "bridge" and arrow */

.tooltip-content::before,
.tooltip-content::after {
	content: '';
	position: absolute;
}

.tooltip-content::before {
	height: 100%;
	width: 3em;
}

.tooltip-content::after {
	width: 2em;
	height: 2em;
	top: 50%;
	margin: -1em 0 0;
	background: url(https://res.cloudinary.com/mygubbi/image/upload/v1470187709/kyw/tooltip2.svg) no-repeat center center;
	background-size: 100%;
}

.tooltip-west .tooltip-content::before,
.tooltip-west .tooltip-content::after {
	right: 99%; /* because of FF, otherwise we have a gap */
}

.tooltip-east .tooltip-content::before,
.tooltip-east .tooltip-content::after {
	left: 99%; /* because of FF, otherwise we have a gap */
}

.tooltip-east .tooltip-content::after {
	-webkit-transform: scale3d(-1,1,1);
	transform: scale3d(-1,1,1);
}

/* Card View */

.kyw-handle-card .nav-tabs > li.active,
.kyk-splash-card .nav-tabs > li.active,
.kyw-wardrobe-card .nav-tabs > li.active,
.kyw-dimensions-card .nav-tabs > li.active{
    border-bottom: 7px solid #000000;
}
.kyk-splash-card .nav-tabs > li.active{
    border-bottom: 7px solid #000000;
}
.kyw-finishes-card .nav-tabs > li.active{
    border-bottom: 7px solid #000000;
}
.kyw-finishes-section .nav-tabs .laminate.active{
    border-bottom: 7px solid #5a777b;
}
.kyw-finishes-section .nav-tabs .pupaint.active{
    border-bottom: 7px solid #abeeeb;
}
.kyw-finishes-section .nav-tabs .pvcfoil.active{
    border-bottom: 7px solid #555555;
}

.kyw-finishes-type-section .nav-tabs .matte.active{
    border-bottom:7px solid #464646;
}
.kyw-finishes-type-section .nav-tabs .suede.active{
    border-bottom:7px solid #a1a1a1;
}
.kyw-finishes-type-section .nav-tabs .highgloss.active{
    border-bottom:7px solid #cccccc;
}
.kyw-finishes-type-section .nav-tabs .acrylis.active{
    border-bottom:7px solid #ffffff;
}

.kyw-handle-card .nav-tabs.nav-justified>.active>a,
.kyw-handle-card .nav-tabs.nav-justified>.active>a:hover,
.kyw-handle-card .nav-tabs.nav-justified>.active>a:focus,
.kyw-wardrobe-card .nav-tabs.nav-justified>.active>a,
.kyw-wardrobe-card .nav-tabs.nav-justified>.active>a:hover,
.kyw-wardrobe-card .nav-tabs.nav-justified>.active>a:focus,
.kyw-dimensions-card .nav-tabs.nav-justified>.active>a,
.kyw-dimensions-card .nav-tabs.nav-justified>.active>a:hover,
.kyw-dimensions-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}
.kyk-finishe-card .nav-tabs.nav-justified>li>a{
    color: #ffffff;
}
.kyk-splash-card .nav-tabs.nav-justified>.active>a,
.kyk-splash-card .nav-tabs.nav-justified>.active>a:hover,
.kyk-splash-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}
.kyw-finishes-card .nav-tabs.nav-justified>.active>a,
.kyw-finishes-card .nav-tabs.nav-justified>.active>a:hover,
.kyw-finishes-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}
.kyw-finishes-type-card .nav-tabs.nav-justified>.active>a,
.kyw-finishes-type-card .nav-tabs.nav-justified>.active>a:hover,
.kyw-finishes-type-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}

@media (min-width:768px) {
    .kyw-handle-card .nav-tabs.nav-justified>li>a,
    .kyw-wardrobe-card .nav-tabs.nav-justified>li>a,
    .kyw-dimensions-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kyk-splash-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kyw-finishes-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kyw-finishes-type-card{
        margin-top: 30px;
    }
    .kyw-finishes-type-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kyw-handle-card .nav-tabs.nav-justified>li>a,
    .kyw-wardrobe-card .nav-tabs.nav-justified>li>a,
    .kyw-dimensions-card .nav-tabs.nav-justified>li>a{
        border-bottom: 7px solid #ddd;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .kyk-splash-card .nav-tabs.nav-justified>li>a{
        border-bottom: 0px solid #999;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .kyw-finishes-card .nav-tabs.nav-justified>li>a{
        border-bottom: 7px solid #ddd;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .kyw-finishes-type-card .nav-tabs.nav-justified>li>a{
        border-bottom: 0px solid #ddd;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
    }

    .kyw-handle-card .nav-tabs.nav-justified>li>a:hover,
    .kyw-handle-card .nav-tabs.nav-justified>li>a:active,
    .kyw-handle-card .nav-tabs.nav-justified>li>a:focus,
    .kyw-wardrobe-card .nav-tabs.nav-justified>li>a:hover,
    .kyw-wardrobe-card .nav-tabs.nav-justified>li>a:active,
    .kyw-wardrobe-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 7px solid rgba(0, 0, 0, 0.6);
    }

    .kyw-dimensions-card .nav-tabs.nav-justified>li>a:hover,
    .kyw-dimensions-card .nav-tabs.nav-justified>li>a:active,
    .kyw-dimensions-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 0px solid rgba(0, 0, 0, 0.6);
    }
    .kyk-splash-card .nav-tabs.nav-justified>li>a:hover,
    .kyk-splash-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 7px solid rgba(0, 0, 0, 0.6);
    }
    .kyk-splash-card .nav-tabs.nav-justified>li>a:active{
        border-bottom: 7px solid #000;
    }

    .kyw-finishes-card .nav-tabs.nav-justified>li>a:active{
        border-bottom: 7px solid #000;
    }
    .kyw-finishes-card .nav-tabs.nav-justified>li>a:hover
    .kyw-finishes-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 7px solid rgba(0, 0, 0, 0.6);
    }
    .kyw-finishes-type-card .nav-tabs.nav-justified>li>a:hover,
    .kyw-finishes-type-card .nav-tabs.nav-justified>li>a:active,
    .kyw-finishes-type-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 0px solid #000;
    }
}

/* Media Query */

@media (min-width: 1900px) {
    .shutter-designs-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470104501/kyk/Scene_Shutter.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 570px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .hardware-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469261008/kyw/PG_15__1_MAIN_BASE_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 960px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .content {
    	padding: 45px 10px;
    }
    .accessories-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260988/kyw/PG_13_1_MAIN_BACKGROUND_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 920px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .accessories-hardware-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470137366/kyk/accessories.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 800px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .accessories-hardware-section-img .content {
        padding: 50px 230px;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .accessories-section-img{
        height: 640px;
    }
    .content {
        padding: 0px 35px 10px 10px;
    }
    .hardware-section-img {
        height: 620px;
    }
}

@media (max-width: 768px) {
    .kyw-banner-bg {
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916467/kyw/knw_banner.jpg");
        background-position: center 100%;
        height: 260px;
        width: 100%;
        background-size: 100%;
        padding: 0;
        text-align: center;
        color: #fff;
    }
    #kyw-slider-carousel .carousel-caption {
        bottom: 50px;
    }
    #kyw-slider-carousel .carousel-caption {
        left: auto;
        right: auto;
        width: 90%;
    }
    #kyw-slider-carousel .carousel-caption {
        bottom: 50px;
    }
    #kyw-slider-carousel .carousel-caption {
        left: auto;
        right: auto;
        width: 90%;
    }
    #kyw-interior-slider .carousel-caption {
        bottom: 50px;
    }
    #kyw-interior-slider .carousel-caption {
        left: auto;
        right: auto;
        width: 90%;
    }
    #kyw-interior-slider .carousel-caption {
        bottom: 50px;
    }
    #kyw-interior-slider .carousel-caption {
        left: auto;
        right: auto;
        width: 90%;
    }
    .kyw-wardrobe-details p {
        font-size: 12px;
    }
    .kyk-shutter-cont {
        margin: 45% 0% 5%;
    }
    .kyw-dimensions-details{
        margin: 10px 10px;
    }
    .kyw-handle-card{
        padding: 0px;
    }
    .kyw-handle-card,
    .kyw-wardrobe-card,
    .kyw-dimensions-card{
        margin: 0px 0px 10px;
    }
    .kyk-finishe-card .nav-tabs.nav-justified>li>a{
        color: #333333;
    }
    .kyk-finishe-details{
        color: #333333;
    }
    .interior-section .carousel-caption{
        padding:0px;
        width: 100%;
    }
    .kyw-finishes-type-content-tab{
        top: 0px;
        width: 100%;
        color: #ffffff;
    }
    .kyw-splash-panel-content-tab{
        top: 0px;
        width: 100%;
        color: #ffffff;
    }
    #kyw-slider-carousel .carousel-caption {
        top: 30%;
        left: 25%;
        width: 45%;
    }
    .kyw-material-content-tab,
    .kyw-finishes-type-content-tab{
        top: 0;
    }
    .kyw-splash-panel-content-tab{
        top: 0;
    }
    .kyk-counter-content-tab{
        top: 0;
    }
    .kyw-wardrobe-content-tab {
        position: relative;
    }
    .kyk-kitchen-content-tab {
        position: relative;
    }
    .open-wardrobe-section p{
        margin: -10px 0px 25px;
    }
    .ergonomics-wrapper p{
        margin: -10px 0px 25px;
    }
    .accessories-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260988/kyw/PG_13_1_MAIN_BACKGROUND_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 420px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .hardware-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469261008/kyw/PG_15__1_MAIN_BASE_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 400px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .shutter-designs-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260919/kyw/PG_12.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 240px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 5px;
        text-align: center;
        color: #ffffff;
    }
    .kyk-handle-cont p {
        font-size: 16px;
        color: #333;
    }

}

@media (max-width: 767px){
    .kyw-banner-bg {
        height: 230px;
    }
    .kyw-material-content-tab,
    .kyw-finishes-type-content-tab {
        position: relative;
    }
    .kyw-splash-panel-content-tab {
        position: relative;
    }
    .kyk-counter-content-tab{
        position: relative;
    }
    #kyw-slider-carousel .carousel-caption {
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        margin: 0px;
    }
    .kyw-slider-carousel p {
        font-size: 14px;
        line-height: 150%;
        margin-top: 10px;
        font-weight: 300;
        padding: 10px;
        background: rgba(234, 234, 234, 0.92);
    }
    #kyw-slider-carousel .carousel-indicators {
        bottom: 0px;
    }
    .kyk-ergonomics-dec {
        margin-top: 5%;
    }
    .kyk-handle-cont {
        margin: 5% 0%;
         width: 50%;
        float: right;
    }
    .kyk-splash-card {
        margin: 5% 0%;
         width: 50%;
        float: right;
    }

}

@media (max-width: 480px) {
    .kyw-banner-bg {
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470916467/kyw/knw_banner.jpg");
        background-position: center 100%;
        height: 95px;
        width: 100%;
        background-size: 100%;
        padding: 0;
        text-align: center;
        color: #fff;
    }
    .kyw-wardrobe-details{
        padding: 5px 0px 0px;
    }
    #kyw-slider-carousel .carousel-caption {
        left: auto;
        right: auto;
        width: 100%;
        bottom: 50px;
    }
    #kyw-interior-slider .carousel-caption {
         left: auto;
         right: auto;
         width: 100%;
         bottom: 50px;
    }
    .kyw-dimensions-details{
        margin: 10px 10px;
    }
    .kyw-handle-card{
        padding:10px 10px;
    }
    .kyw-handle-card,
    .kyw-wardrobe-card,
    .kyw-dimensions-card{
        margin: 0px;
    }
    .interior-section .carousel-caption{
        padding:0px;
        width: 100%;
    }
    .kyw-finishes-type-content-tab{
        top: 0px;
        width: 100%;
        color: #ffffff;
    }
    .kyw-splash-panel-content-tab{
        top: 0px;
        width: 100%;
        color: #ffffff;
    }
    #kyw-slider-carousel .carousel-caption {
        top: 5%;
    }
    .kyw-material-content-tab,
    .kyw-wardrobe-content-tab,
    .kyw-finishes-type-content-tab{
        top: 5%;
        position: relative;
    }
    .kyw-splash-panel-content-tab{
        top: 5%;
        position: relative;
    }
    .kyk-counter-content-tab{
        top: 5%;
        position: relative;
    }
    .kyk-kitchen-content-tab{
        top: 5%;
        position: relative;
    }
    .open-wardrobe-section p{
        margin: 0px;
        font-size: 16px;
        line-height: 150%;
    }
    .ergonomics-wrapper p{
        margin: 0px 0px 20px;
        font-size: 16px;
        line-height: 150%;
    }
    .kyw-dimensions-details p{
        font-size: 16px;
    }
    .kyw-wardrobe-details p {
        font-size: 16px;
        line-height: 150%;
        color: #444444;
    }
    .accessories-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469260988/kyw/PG_13_1_MAIN_BACKGROUND_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 280px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .hardware-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1469261008/kyw/PG_15__1_MAIN_BASE_IMAGE.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 400px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #ffffff;
    }
    .shutter-designs-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470396368/kyk/09.jpg");
        background-repeat: no-repeat;
        background-position: inherit;
        height: auto;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 20px 0 15px 0;
        text-align: center;
        color: #333333;
    }
    .shutter-designs-section p {
        color: #333333;
        font-size: 16px;
    }
    .finishes-type-container{
        margin-bottom: 10px;
    }
    .kyw-finishes-details{
        margin: 10px 10px;
    }
    .kyw-slider-carousel p{
        font-size: 16px;
        line-height: 150%;
        margin-top: 25px;
        font-weight: 300;
        padding: 10px;
        background: rgba(234, 234, 234, 0.92);
    }
    #kyw-slider-carousel .carousel-indicators {
        bottom: 5px;
    }
    .kyw-finishes-section {
        height: 550px;
    }
    .kyw-finishes-card {
        margin: 30px 0px 40px;
    }
    .accessories-hardware-section-img{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1470394482/kyk/Ergo-without-human.jpg");
        background-repeat: no-repeat;
        background-position: inherit;
        height: auto;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 15px 0 15px 0;
        text-align: center;
        color: #333333;
    }
    .kyk-handle-cont {
        margin: 5% 0%;
        width: 100%;
        float: right;
        text-align: center;
    }
    .kyk-splash-card {
        margin: 5% 0%;
        width: 100%;
        float: right;
    }
}

/* End Media Query */

/* Global Media Query */

@media all and (min-width: 768px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .hidden-mobile{
        display: none !important;
    }
}

/* End Global Media Query */

/* End Know your kitchen and wardrobe Page */

/* Start NRI Page */

.nri-banner-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1497428751/nri_page/banner-with-text_02.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 600px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 60px 0 60px 0;
    text-align: center;
}

.nri-banner-form h4{
    margin: 0px 0px 15px;
    color: #4f4f4f;
    font-weight: 900;
}

.nri-banner-cnt{
    padding: 20px 20px 5px;
    color: #ffffff;
    background: rgba(234,97,15,0.7);
}

.nri-banner-cnt h1{
    font-weight: 300;
    margin-bottom: 30px;
}

.nri-banner-cnt p{
    margin-bottom: 30px;
}

.nri-banner-form{
    color: #ffffff;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 15px 10px;
    border-radius: 4px;
    box-shadow: 8px 0px 20px rgba(51, 51, 51, 0.26);
}

.nri-banner-form .form-control{
    border-radius: 0px;
    padding: 5px 10px;
}

.btn-nri {
    margin-top: 30px;
    border-radius: 3px;
    background: #f15a22;
    box-shadow: 0px 2px 3px rgba(170, 76, 0, 0.76);
}

.btn-nri:hover,
.btn-nri:active,
.btn-nri:focus {
    color: #f15a22;
    background: #fff;
    border: 1px solid #f15a22;
}

.nri-services-section p{
    font-size: 18px;
    color: #556871;
}

.nri-description-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1477398251/nri_page/your_04.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 470px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 110px 30px 110px 40px;
    text-align: left;
    color: #ffffff;
}

.nri-description-bg h2{
    font-weight: 400;
    font-size: 34px;
    text-transform: inherit;
    line-height: 140%;
    margin: 0px;
}

.nri-dec-hr{
    border-top: 1px solid #fff;
    line-height: 1px;
    margin: 30px 0px;
}
.nri-description-section{
    background: #f0f0f0;
}

.nri-description-section h4{
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 600;
}

.nri-description-section p{
    font-size: 12px;
    padding: 15px 0px 0px;
    line-height: 150%;
    margin: 0px;
}

.manufacturing-box{
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 15px 15px;
    min-height: 200px;
    margin-bottom: 30px;
}

.img-manufacturing {
    margin-top: 25px;
}

.nri-why-us-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1497504350/nri_page/bg_icons.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: auto;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 90px 0 90px 0;
    text-align: center;
    color: #ffffff;
}
.nri-why-us-section h4{
    font-size: 13px;
}
.nri-why-us-section p{
    font-size: 10px;
}

.img-nri-why {
    width: 100px;
    margin-bottom: 15px;
}

.nri-communication{
    background: #f0f0f0;
}

.nri-communication-box {
    margin: 50px 100px 20px 30px;
}

.nri-communication-box h1 {
    line-height: 140%;
    font-size: 38px;
    text-transform: capitalize;
    font-weight: 300;
}

.nri-communication-box p {
    font-size: 14px;
    margin-bottom: 20px;
}
.nri-faq-section{
    background: #f0f0f0;
}

.nri-faq-section .panel-heading {
     padding: 0;
}

.nri-faq-section .panel-title{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}
.nri-faq-section .panel-default>.panel-heading{
    color: #f26522;
}

.nri-faq-section .accordion-toggle {
     position: relative;
     display: block;
     padding: 10px 30px 10px 10px;
     font-size: 14px;
     font-weight: 400;
     text-decoration: none;
     background: none repeat scroll 0% 0% #fff;
     text-align: left;
     text-transform: none;
}

.nri-faq-section .glyphicon {
     position: relative;
     top: -25px;
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     right: 20px;
}

.nri-faq-section .accordion-toggle:hover {
    background: #fefefe;
    text-decoration: none;
}

.nri-faq-section .panel-body {
     text-align: justify;
     padding: 15px 15px 15px 60px;
}

.nri-faq-section .panel-body  p{
    font-family: 'Lato', sans-serif;
}

.nri-faq-section .q-container {
    display: block;
    margin-right: 20px;
    z-index: 10;
    position: relative;
    float: left;
    min-height: initial;
    margin-top: 0px;
}

.nri-faq-section .q-container .icon {
    width: 40px;
    height: 35px;
    line-height: 37px;
    font-size: 14px;
    color: #ffffff;
    background: #f26522;
    text-align: center;
}

@media (max-width: 768px) {
    .manufacturing-box{
        min-height: 335px;
    }
    .nri-description-bg{
        height: auto;
    }
    .nri-process-unit {
        min-height: 410px;
    }
    .nri-process-unit img{
        width: 180px;
    }
    .nri-communication-box {
        margin: 15px 10px 15px 0px;
    }
    .nri-communication-box h1 {
        line-height: 150%;
        font-size: 21px;
        font-weight: 500;
    }
}

.nri-testimonial-section{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1487156404/nri_page/testimonial.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 475px;;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 70px 0 70px 0;
    text-align: center;
    color: #ffffff;
}

.nri-testimonial-section .carousel-control .fa-angle-left,
.nri-testimonial-section .carousel-control .fa-angle-right {
    font-size: 22px;
    background-color: transparent;
    line-height: 30px;
    text-shadow: none;
    color: #ffffff;
    position: absolute;
    top: 50%;
}

.nri-testimonial-section .carousel-control.left,
.nri-testimonial-section .carousel-control.right{
    background: transparent;
}
@media screen and (min-width: 768px){
    .nri-testimonial-section .carousel-indicators {
        bottom: -45px;
    }
}



/* End NRI Page */

/* Start Kitchen Accessories Page */

.kitchen-head{
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    color: #556871;
}

.kitchen-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    width: 100%;
}
.kitchen-tab-sink{
    display: block;
    position: absolute;
    z-index: 9;
    top: 55%;
    width: 100%;
}

.kitchen-card {
    margin: 0px 10px;
}

.kitchen-card .nav-tabs > li.active{
    border-bottom: 7px solid #000000;
}

.kitchen-card .nav-tabs.nav-justified>.active>a,
.kitchen-card .nav-tabs.nav-justified>.active>a:hover,
.kitchen-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}
.kitchen-card .nav-tabs.nav-new-justified{
    width: 100%;
    border-bottom: 0;
    margin: 0px auto;
    text-align: center;
    position: relative;
    display: inline;
}

.drawers-details{
    margin-top: 15px;
}

@media (min-width:768px) {
    .kitchen-head{
        font-size: 24px;
    }
    .kitchen-card .nav-tabs.nav-new-justified>li{
        width: auto;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a{
        border-bottom: 7px solid #aaaaaa;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 11px;
        padding: 10px 0px;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a:hover,
    .kkitchen-card .nav-tabs.nav-justified>li>a:active,
    .kitchen-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 7px solid #999999;
    }
}

@media (max-width: 768px){
    .kitchen-tab {
        position: relative;
    }
    .kitchen-tab-sink{
        position: relative;
    }
    .kitchen-card{
        padding: 0px;
    }
    .kitchen-card{
        margin: 0px 0px 10px;
    }
}

@media (max-width: 768px){
    .kitchen-tab {
        position: relative;
    }
    .kitchen-tab-sink{
        position: relative;
    }
    .kitchen-card{
        padding:10px 10px;
    }
    .kitchen-card{
        margin: 0px;
    }
}


/* End Kitchen Accessories Page */

/* Start Kitchen Accessories Page */

.kitchen-head{
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    color: #556871;
}

.kitchen-tab{
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    width: 100%;
}
.kitchen-tab-sink{
    display: block;
    position: absolute;
    z-index: 9;
    top: 45%;
    width: 100%;
}

.kitchen-card {
    margin: 0px 10px;
}

.kitchen-card .nav-tabs > li.active{
    border-bottom: 7px solid #000000;
}

.kitchen-card .nav-tabs.nav-justified>.active>a,
.kitchen-card .nav-tabs.nav-justified>.active>a:hover,
.kitchen-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
    background: transparent;
}

.drawers-details{
    margin-top: 15px;
}

@media (min-width:768px) {
    .kitchen-card .nav-tabs.nav-new-justified>li{
        width: auto;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a{
        border: 0px solid #ddd;
        cursor: pointer;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a{
        border-bottom: 7px solid #aaa;
        border-radius: 0px;
        background: transparent;
        margin:0px 1px;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 14px;
        padding: 10px 0px;
    }
    .wall-tab .kitchen-card .nav-tabs.nav-justified>li>a{
        padding: 10px 10px;
    }
    .kitchen-card .nav-tabs.nav-justified>li>a:hover,
    .kkitchen-card .nav-tabs.nav-justified>li>a:active,
    .kitchen-card .nav-tabs.nav-justified>li>a:focus{
        border-bottom: 7px solid #999999;
    }
}

@media (max-width: 768px){
    .kitchen-tab {
        position: relative;
    }
    .kitchen-tab-sink{
        position: relative;
    }
    .kitchen-card{
        padding: 0px;
    }
    .kitchen-card{
        margin: 0px 0px 10px;
    }
}

@media (max-width: 768px){
    .kitchen-tab {
        position: relative;
    }
    .kitchen-tab-sink{
        position: relative;
    }
    .kitchen-card{
        padding:10px 10px;
    }
    .kitchen-card{
        margin: 0px;
    }
}


/* End Kitchen Accessories Page */

/* Start FAQ Page */

.faq-section{
    padding: 50px 0px 30px;
}

.faq-des{
    font-size: 16px;
}

.faq-q {
    min-height: 260px;
    margin-bottom: 20px;
    text-align: left;
}

.q-container {
    display: block;
    min-height: 275px;
    margin-top: 5px;
    float: left;
    margin-right: 20px;
}

.q-container .icon {
    width: 55px;
    height: 55px;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    background: #f26522;
    text-align: center;
}

.q-head{
    color: #f26522;
}

.q-details h4{
    text-transform: inherit;
    font-size: 20px;
}

/* End FAQ Page */


/* Start Payment Page */
.payment-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1481700058/payment/payment-bg.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 480px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: center;
    color: #ffffff;
}
/* End Payment Page */

/* Start Career Page */
.more {
  display: none;
}
a.showLink,
a.hideLink {
  text-decoration: none;
  color: #f1591f;
}

.career-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1476333128/career/career_bg.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 480px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: center;
    color: #ffffff;
}

.career-offer li{
    padding: 5px 0px 20px;
}

.career-offer{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.career-offer li.gubbi {
    background: url('https://res.cloudinary.com/mygubbi/image/upload/v1519975423/home/logo/gubbi.png') no-repeat left top;
    padding-left: 35px;
}
.nav-career .nav-tabs.nav-justified>.active>a,
.nav-career .nav-tabs.nav-justified>.active>a:hover,
.nav-career .nav-tabs.nav-justified>.active>a:focus{
    border-width: 0px;
}
.nav-career .nav-tabs>li>a:hover{
    background-color: transparent;
}
.nav-career .nav-tabs > li.active{
    border-bottom: 0px solid #f1591f;
}
.nav-career img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.nav-career img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          cursor: pointer;
}
.nav-career h4{
    margin-top: 25px;
    text-transform: capitalize;
}
@media (min-width: 768px){
    .nav-career .nav-tabs.nav-justified>li>a {
        border: 0px solid #ddd;
        border-radius: 0;
    }
}
.tab-career{
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}
.panel-career>.panel-heading {
    background-image: -webkit-linear-gradient(top, #556871 0, #61717b 100%);
    background-image: -o-linear-gradient(top, #556871 0, #61717b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #556871), to(#61717b));
    background-image: linear-gradient(to bottom, #556871 0, #61717b 100%);
    background-repeat: repeat-x;
}
.panel-career>.panel-heading {
    color: #fff;
    background-color: #556871;
    border-color: #ddd;
}

.modal-career{

}

@media (min-width: 1200px) {
  .modal-xl {
    width: 1200px;
  }
}

/* End Career Page */

/* Start Media Landing Page */

.media-banner img{
    width: 100%;
}

.m-story-img{
    background: #fDfDfd;
    border: 1px solid #ddd;
}

.m-thumb-box{
    height: 110px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.m-thumb-box .img-thumbnail{
    border: 0px solid #ddd;
    pointer: cursor;
}

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

#myCarousel .carousel-control.left{
    background: transparent;
}

#myCarousel .carousel-control.right{
    background: transparent;
}

.show-img {
    position: relative;
    float:left;
    margin: 20px 0px;
}

.show-img:hover img{
    opacity:0.8;
}

.show-img:hover a {
    display: block;
}

.show-img a {
    position:absolute;
    display:none;
}

.show-img a.update {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

/* End Media landing Page */

/* Start SEO Page */

    .img-seo{
        margin: 20px auto;
    }
    .seo-lp-form {
        padding: 20px 25px;
        border: 1px solid #f15a22;
    }
    .seo-lp-form .form-control{
        background: #efefef;
    }

    .seo-lp-form .btn-seo-form{
        border-radius: 20px;
        background: #f15a22;
        color: #ffffff;
        font-weight: 500;
        padding: 10px 10px;
        font-size: 18px;
    }

    .seo-about-head {
        color: #2b2828;
        margin-bottom: 0px;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
    }

    .seo-form-wrapper h4 {
        background: #f15a22;
        padding: 20px 15px;
        text-align: center;
        color: #fff;
        font-weight: 900;
        font-size: 28px;
        margin: 0px;
    }

    .img-seo-arrow {
        position: absolute;
        top: 45px;
        right: -35px;
    }

    .seo-process-ioc{
        background: #f4f4f4;
    }

    .seo-process-ioc h1{
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
    }

    #seo-p1:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O1.png);
        cursor: pointer;
    }
    #seo-p2:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O2.png);
        cursor: pointer;
    }
    #seo-p3:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O3.png);
        cursor: pointer;
    }
    #seo-p4:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O4.png);
        cursor: pointer;
    }
    #seo-p5:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O5.png);
        cursor: pointer;
    }
    #seo-p6:hover{
        content: url(https://res.cloudinary.com/mygubbi/image/upload/v1498550031/seo-page/O6.png);
        cursor: pointer;
    }

    .seo-process-ioc h4{
        font-size: 12px;
        font-weight: 600;
    }
    .seo-mob-process{
        padding: 20px 0px;
    }

    .seo-mob-process .whyus-fnt {
        font-weight: 400;
        color: #454344;
    }

    .seo-might-like h1{
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
    }

    .seo-type-item{
        margin: 10px;
    }

    .seo-related-link{
        background: #f4f4f4;
        padding: 20px 0px;
    }
    .seo-like-blog{
        background: #f4f4f4;
    }
    .seo-book-now{
        background: #f15a22;
        padding: 35px 0px;
        color: #ffffff;
    }
    .seo-book-now h1{
        font-size: 42px;
        text-transform: capitalize;
        font-family: 'Raleway', sans-serif;
    }
    .seo-related-link h1{
        font-family: 'Raleway', sans-serif;
    }
    .seo-related-link a{
        font-size: 15px;
        line-height: 200%;
        font-weight: 400;
    }

    .btn-seo-book {
        text-align: center;
        color: #f15a22;
        border-radius: 30px;
        padding: 15px 35px;
        background: #fff;
        margin: 10px;
        font-size: 16px;
        font-weight: 900;
        border: 1px solid #fff;
    }
    .btn-seo-book:hover,
    .btn-seo-book:active,
    .btn-seo-book:focus {
        color: #fff;
        background: transparent;
        border: 1px solid #fff;
    }
    .btn-seo {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 0px;
        transform: translate(-50%, -50%);
        padding: 10px 15px;
    }
    .btn-seo:hover,
    .btn-seo:active,
    .btn-seo:focus {
        color: #fff;
        border: 1px solid #ddd;
    }

    @media (max-width: 768px){
        .seo-mob-process .de_count {
            min-height: 160px;
        }
        .seo-mob-process .whyus-fnt {
            font-size: 12px;
        }
        .seo-book-now{
            margin-top: 10px;
        }
    }
    @media (max-width: 420px){
        .seo-mob-process .de_count {
            min-height: 160px;
        }
        .seo-mob-process .whyus-fnt {
            font-size: 12px;
        }
    }

/* Start SEO Page */

/* Start Quality Page */

.quality-banner{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1473850585/quality/quality-banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 530px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: center;
}

.quality-banner-cnt{
    background: rgba(241, 90, 34, 0.9);
    padding: 20px 10px;
    margin: 100px 0px;
    color: #ffffff;
}

.quality-cnt-head{
    font-size: 52px;
    line-height: 130%;
}
.quality-cnt-des{
    padding: 10px 100px;
    font-size:18px;
    line-height: 130%;
}
.quality-materials-section{
    margin: 55px auto 0px;
    position: relative;
}
.quality-check-line{
    margin-top: 22px;
    border-bottom: 1px solid #ddd;
}
.quality-check-head-box{
    margin:0px auto;
    display: table;
    position: relative;
    background: #ffffff;
    color: rgba(241, 90, 34, 1);
}
.quality-check-head {
    background: #fff none repeat scroll 0 0;
    font-weight: 300;
    margin-top: -22px;
    padding: 0 20px;
    margin-bottom: 30px;
}

.quality-material-about p{
    font-family: 'Lato', sans-serif;
}
.quality-materials-img-box{
    margin: 30px 0px 50px;
}
.qm-head{
    text-align: center;
    color: rgba(241, 90, 34, 1);
    text-transform: capitalize;
}
.qm-more{
    color: rgba(241, 90, 34, 0.9);
}
.quality-de-about{
    margin: 10px 0px 40px;
}
.design-box {
    height: 458px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 80px;
}
.design-box h4 {
    color: rgba(241, 90, 34, 1);
}
.design-box p{
    margin-bottom: 20px;
}
.quality-policy-section{
    margin: 55px auto 0px;
    position: relative;
}
.policy-list li{
    padding-bottom: 10px;
}
/* End Quality Page */

/* Start Experience center page */

.exp-atmg-box{
    min-height: 200px;
    text-align: center;
}
.exp-center-store-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1474523111/exp_center/exp-store.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 460px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: center;
    color: #ffffff;
}
.exp-center-store-cnt{
    background: rgba(241, 90, 34, 0.8);
    height: 460px;
    padding: 25px;
}
.exp-center-store-head{
    text-transform: capitalize;
    margin: 40px 0px 40px;
    text-align: left;
}
.offer-box h2{
    font-size: 24px;
    color: #566771;
    font-weight: 300;
    margin-bottom: 20px;
}
.order-box-img{
    width: 200px;
}
.exp-offer-form-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1474537168/exp_center/exp-contact.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 460px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 160px;
    text-align: center;
    color: #3d4b54;
}
.exp-offer-address-bg{
    background: #3d4b54;
    height: 460px;
}
.exp-offer-form-bg .form-control{
    background: transparent;
    border-color: #3d4b54;
    border-radius: 4px;
    box-shadow: none;
}
.exp-center-address {
    padding: 25px 20px 50px;
}
.exp-center-heading{
    font-weight:300;
    color: #fff;
}
.exp-center-address p,
.exp-center-address a{
    color: #ffffff;
}
.add-ioc{
    width: 40px;
}
.exp_center .carousel-caption{
    width: 25%;
    top: 40px;
    left: 0px;
    position: absolute;
    background: rgba(241, 90, 34, 0.9);
    color: #ffffff;
    max-height: 400px;
    font-size: 19px;
    text-align: left;
    padding: 15px 25px 15px 30px;
    text-shadow: none;
    font-weight: 300;
}
.exp-center-head{
    font-size: 22px;
    margin-bottom: 15px;
}
.exp-slider .carousel-indicators{
    bottom: 10px;
}


/* Home page Video Banner */
    #myVideo {
        position: relative;
        bottom: 0%;
      left: 0%;
      height: 100%;
      width: 100%;
      overflow: hidden;
      background-image: url("https://res.cloudinary.com/mygubbi/image/upload/f_auto/v1520337573/home/logo/video-banner_2.jpg");
      background-repeat: no-repeat;
      background-position: center 100%;
      width: 100%;
      -webkit-background-size: 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #myFooterVideo {
        position: relative;
        bottom: 0%;
      left: 0%;
      height: 100%;
      width: 100%;
      overflow: hidden;
      background: #000;
    }

    .myvideo-content {
       position: absolute;
        bottom: 0;
        right: 0px;
        background: rgba(0, 0, 0, 0.5);
        color: #f1f1f1;
        width: 25%;
        padding: 20px;
    }

    #myBtn {
        width: 200px;
        font-size: 18px;
        padding: 10px;
        border: none;
        cursor: pointer;
        background: #000;
        color: #fff;
    }

    #myBtn:hover {
        background: #dc3000;
        color: #fff;
    }
    .beautytxt{
        font-family:'Lobster', cursive;
        font-size:55px;
        font-weight: 400;
        font-style:normal;
        text-transform: capitalize;
    }

/* End Experience center page */

/* Start Platinum home */

.platinum-banner-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/f_auto/v1529044855/Living_room_Banner_option_4.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 630px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: left;
    color: #3d4b54;
    position: relative;
}

.platinum-banner-band{
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0px;
    color: #ffffff;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
}
.platinum-head{
    color: #4d616b;
    margin: 50px 0px 20px;
    font-size: 40px;
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: inline-block;
}
.platinum-contact-heading{
    color: #4d616b;
    margin: 50px 0px 20px;
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 10px;
    display: inline-block;
    text-transform: capitalize;
}
.process-count{
    color: #ffffff;
    background: #f24b03;
    width: 20px;
    height: 20px;
    margin: 10px auto;
    border-radius: 50%;
    line-height: 20px;
}
.platinum-banner-band-head{
    font-size: 52px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
}
.platinum-banner-band-des{
    font-size: 32px;
    font-weight: 100;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
}
.home-interior{
    border: 20px solid #fff;
    box-shadow: 0px 2px 10px #ccc;
    margin-left: 25px;
    margin-right: 25px;
    width: 46% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.p-service-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1479318782/platinum_home/p-service-bg.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 560px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    text-align: center;
    color: #3d4b54;
    position: relative;
}

@media (max-width: 767px) {
    .p-service-bg {
        height: 1060px;
    }

    .mrgmns20 {
        margin-top:-20px;
    }
}

@media (max-width: 480px) {
    .p-service-bg {
        height: 995px;
    }
}

.p-service-card .nav-tabs > li > a{
    color: rgba(253,253,253,0.6);
    font-weight: 300;
}

.p-service-card .nav-tabs.nav-justified>li>a{
    font-size: 32px;
    background: transparent;
}

.p-service-card .nav-tabs.nav-justified>.active>a,
.p-service-card .nav-tabs.nav-justified>.active>a:hover,
.p-service-card .nav-tabs.nav-justified>.active>a:focus{
    color: #ffffff;
}
.p-service-card .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid rgba(253,253,253,0.6);
    border-radius: 0px;
}
.p-service-card .nav-tabs.nav-justified>.active>a,
.p-service-card .nav-tabs.nav-justified>.active>a:hover,
.p-service-card .nav-tabs.nav-justified>.active>a:focus{
    border: 0px solid #ddd;
}

.p-service-card .nav-tabs > li.active {
    border-bottom: 2px solid #494848;
}

.p-service-card .ser-about {
    background: rgba(255,255,255,0.2);
    margin-top: 15px;
    padding: 15px;
    color: #fff;
}

.p-service-card .nav-tabs>li>a:hover{
    border-bottom: 2px solid #494848;
    border-right: 0px solid #494848;
    border-left: 0px solid #494848;
    border-top: 0px solid #494848;
}

.p-service-tab{
    padding:20px 15px;
}

.p-service-tab .nav-pills>li>a {
    border-radius: 4px;
    color: #fff;
    border: 1px solid #fff;
    margin-bottom: 15px;
    border-radius: 0px;
}

.p-service-tab .nav-pills>li.active>a,
.p-service-tab .nav-pills>li.active>a:hover,
.p-service-tab .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: transparent;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-radius: 0px;
    background: rgba(255,255,255,0.2);
    margin-bottom: 10px;
}

.p-service-tab .nav>li>a:hover,
.p-service-tab .nav>li>a:focus {
    text-decoration: none;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
}

.p-stacked-tab{
    padding:15px;
    border: 1px solid #ddd;
}

.platinum-service-img-des,
.platinum-service-img-head,
.platinum-process-img-head{
    color: #4d616b;
    font-family: 'lato', sans-serif;
}
.platinum-service-img-des{
    font-size: 14px;
    margin: 10px 0px 10px;
}
.platinum-services-img{
    max-width: 110px;
    margin: 20px auto;
}
.platinum-process-section{
    border-top: 1px solid #dddddd;
    margin-top: 30px;
    padding-bottom: 50px;
}

.platinum-process-img{
    max-width: 265px;
    margin: 10px auto;
    height:180px;
}

.platinum-project-section{
    background: #f0f0f0;
}

#platinumCarousel01,
#platinumCarousel02{
    padding-top: 20px;
    padding-bottom: 20px;
}

#platinumCarousel01 .carousel-indicators,
#platinumCarousel02 .carousel-indicators{
    bottom: 0px !important;
    left: 30%;
}
#platinumCarousel01 .carousel-indicators .active,
#platinumCarousel02 .carousel-indicators .active{
    background-color: #f1591f;
}
#platinumCarousel01 .carousel-indicators li,
#platinumCarousel02 .carousel-indicators li{
    border: 1px solid #f1591f;
}
.platinum-project-section{
    padding-bottom: 50px;
}
.platinum-testimonial-box{
    padding: 30px 10px;
    border: 1px solid #4d616b;
    margin: 10px 10px 30px;
    display: inline-block;
}
.test-date {
    background: #f1591f;
    color: #fff;
    text-align: center;
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
    line-height: 110px;
    border-radius: 50%;
    font-size: 18px;
}
.test-date-new {
    background: #f1591f;
    color: #fff;
    text-align: center;
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
    line-height: 25px;
    padding-top: 25px;
    border-radius: 50%;
    font-size: 18px;
}
.test-about {
    min-height: 110px;
    padding-top: 10px;
}
.design-finalization{
    padding-top:30px;
}
.execution{
    padding-top: 45px;
}
.platinum-testimonial-profile {
    width: 150px;
    margin: 60px auto 15px;
}
.platinum-contact-section{
    padding: 0px 0px 50px;
}
.platinum-footer-form{
    margin: 20px 0px 20px;
}
.btn-testimonial{
    color: #ffffff;
    border-color: #f1591f;
    background: #f1591f !important;
    font-size: 18px;
    font-weight: 400;
    text-shadow: none;
    border-radius:0px;
}
.btn-testimonial:active,
.btn-testimonial:focus,
.btn-testimonial:hover{
    color: #ffffff;
    border-color: #f1591f;
    background: #f1591f !important;
}

/* End Platinum home */


/* Start Blog */

.story-bg{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1478238352/stories/blog/L1_9_Living_room.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    height: 480px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 140px 0px 140px 0px;
    text-align: center;
    color: #ffffff;
}
.bg-orange-blog{
    background-color: rgba(241, 89, 31, 0.77);
}
.bg-orange-blog > h1{
    font-weight: bold;
    text-transform: none!important;
    font-size: 50px;
}

.blog-menu li:hover,
.blog-menu li:focus,
.blog-menu li:active,
.blog-menu li.active{
    border-bottom: 2px solid #666;
    background-color:#ffffff;
}

.blog-menu li a{
    text-transform: uppercase;
    color: #ff3200;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-weight: 500;
}
.blog-borderbtm{
    border-bottom: 2px solid #666;
    padding: 5px 0px;
    display: inline-block;
}
.blog-card{
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #ff3200;
    background-color: #ddd;
    border-radius: 0px;
    padding: 5px 7px;
    font-size: 10px;
    font-weight: 500;
}

.blog-card:active,
.blog-card:focus,
.blog-card:hover{
    color: #ffffff;
    background-color: #ff3200;
}

.blog-search{
    position:absolute;
    top: 10px;
    left: 25px;
}
#older_posts{
    display:none;
}
.show-blog-img {
    position: relative;
    float: left;
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

/* End Blog */


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


/* Large devices (Very large desktops, 1900px and up) */
@media (min-width: 1900px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /* Global Class */
    .nri-banner-section{
        min-height: 350px;
        padding: 10px 0 10px 0;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    /* Global Class */
    .mobile-text-center{
        text-align: center;
    }
    .mobile-text-left{
        text-align: left;
    }
    .mobile-text-right{
        text-align: right;
    }
    .mob-text-center{
        text-align: center;
    }
    .mob-text-left{
        text-align: left;
    }
    .mob-text-right{
        text-align: right;
    }
    /* Start FAQ page */
    .q-container{
        min-height: 60px;
    }
    .faq-q{
        min-height: 60px;
    }
    /* End FAQ page */

    /* Start Quality Page */
    .quality-cnt-des {
        padding: 10px 10px;
    }
    /* End Quality Page */
}

/* Landscape phones and down */
@media (max-width: 480px) {

    /* Start FAQ page */
    .q-container{
        min-height: 60px;
    }
    .faq-q{
        min-height: 60px;
    }
    /* End FAQ page */

    /* Start Quality Page */
    .quality-cnt-head{
        font-size: 20px;
        line-height: 130%;
    }
    .quality-banner {
        height: 460px;
    }
    .quality-cnt-des {
        padding: 10px 10px;
    }
    .mob-text-center{
        text-align: center;
    }
    .mob-text-left{
        text-align: left;
    }
    .mob-text-right{
        text-align: right;
    }
    /* End Quality Page */

    /* Start Experience center page */
    .exp-slider .carousel-indicators{
        top: 120px;
    }
    .exp_center {
        max-height: 700px;
    }
    .exp_center .carousel-caption{
        width:100%;
        position: relative;
        margin-top: 10px;
        color: #444;
        background: #fff;
        top: 0px;
        max-height:700px;
    }
    .exp-offer-form-bg{
        padding: 20px 25px;
    }
    .exp-center-store-bg{
        height: 100%;
    }
    .exp-center-store-head{
        margin: 10px 0px;
    }
    .exp-center-store-cnt{
        padding: 15px;
    }
    /* End Experience center page */

    /* Start Platinum Page */
    .platinum-banner-bg{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/f_auto/v1529044855/Living_room_Banner_option_4.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        height: 590px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 0px;
        text-align: left;
        color: #3d4b54;
    }
    .platinum-banner-band-head {
        font-size: 30px;
    }
    .platinum-contact-heading{
        font-size: 28px;
        line-height: 120%;
    }
    .platinum-services-img {
        max-width: 85px;
        margin: 20px auto;
    }
    .platinum-process-img-head,
    .platinum-service-img-head{
        font-size: 18px;
    }
    .platinum-service-img-des{
        font-size: 12px;
    }
    .test-date {
        background: #f1591f;
        color: #fff;
        text-align: center;
        width: 85px;
        height: 85px;
        margin-bottom: 15px;
        line-height: 75px;
        border-radius: 50%;
        font-size: 14px;
    }
    .test-date-new {
        background: #f1591f;
        color: #fff;
        text-align: center;
        width: 85px;
        height: 85px;
        margin-bottom: 15px;
        line-height: 25px;
        padding-top: 20px;
        border-radius: 50%;
        font-size: 14px;
    }
    .test-about{
        font-size: 10px;
    }
    .design-finalization{
        padding-top: 10px;
    }
    .execution{
        padding-top: 10px;
    }
    .platinum-testimonial-profile {
        width: 120px;
        margin: 10px auto 15px;
    }
    #platinumCarousel01 .carousel-indicators,
    #platinumCarousel02 .carousel-indicators {
        bottom: -7px !important;
        left: 40%;
    }
    /* End Platinum Page */
    /* NRI Page */
    .nri-banner-section{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1497603824/nri_page/Banner_02.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 250px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 0 ;
        text-align: center;
    }
    .nri-banner-form {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.85);
        padding: 10px 15px 10px;
        border-radius: 4px;
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.26);
        margin-top: 20px;
    }
    .manufacturing-box {
        min-height: 200px;
    }
    .nri-description-section h4{
        font-size: 16px;
        font-weight: 400;
    }
    /* End NRI Page */
}

.clr-search-lnk{
    position: absolute;
    top: 15px;
    right: 5%;
    color: #999;
    cursor:pointer;
}

.category-details span.nwds {
    font-size: 12px !important;
    line-height: 1.75;
    font-family: 'Raleway', sans-serif;
}
.category-details .hnwds {
    font-size: 12px !important;
    line-height: 1.75;
    font-family: 'Raleway', sans-serif;
}
.category-details .blodnwds {
    font-size: 12px !important;
    line-height: 1.75;
    font-family: 'Raleway', sans-serif;
}

.frq-h3{
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
}

.frq-h4{
    text-transform: capitalize;
}

.frq-h4 a{
    padding-top: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
}

.frq-h4 a:hover{
     color: #f1591f;
}

.frq-lnk{
    display:inline-block;
    float:left;
    color: #999;
    border: 1px solid #ddd;
    border-radius:20px;
    margin-right:10px;
    padding: 5px 12px;
    margin-bottom: 15px;
}
.frq-lnk:hover{
    color: #f1591f;
    border:1px solid #f1591f;
}
.frq-product{
    background:#f5f5f5;
    padding: 15px;
    margin-bottom: 30px;
}

.k-banner{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493191099/product_collection/kitchen/k-banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 225px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0px;
    text-align: center;
}
.w-banner{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493212660/product_collection/wardrobe/w-banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 225px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0px;
    text-align: center;
}
.s-banner{
    background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493213090/product_collection/storage/s-banner.jpg");
    background-repeat: no-repeat;
    background-position: center 100%;
    min-height: 225px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 35px 0px;
    text-align: center;
}
.k-ban-h4{
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 4px;
}
.k-ban-h2{
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    padding: 0px;
    margin: 10px 0px;
    font-size: 30px;
}
.k-ban-h1{
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    font-size: 75px;
    color: #fff;
    background: #181411;
    margin: 0px;
    padding: 10px 14px;
    display: inline-block;
}

.w-ban-h4{
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 5px;
    color: #11374e;
}
.w-ban-h2{
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding: 0px;
    margin: 10px 0px;
    font-size: 20px;
    color: #11374e;
}
.w-ban-h1{
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    color: #fff;
    background: #11374e;
    margin: 0px;
    padding: 10px 14px;
    display: inline-block;
}

.s-ban-h4{
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 10px;
    color: #11374e;
}
.s-ban-h2{
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding: 0px;
    margin: 10px 0px;
    font-size: 22px;
    color: #11374e;
}
.s-ban-h1{
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    color: #fff;
    background: #181411;
    margin: 0px;
    padding: 10px 14px;
    display: inline-block;
}
@media (max-width: 1024px) {
    .k-ban-h4,
    .w-ban-h4,
    .s-ban-h4{
        font-size: 14px;
    }
    .k-ban-h2,
    .w-ban-h2,
    .s-ban-h2{
        font-size: 26px;
    }
    .k-ban-h1,
    .w-ban-h1,
    .s-ban-h1{
        font-size: 55px;
    }

}
@media (max-width: 520px) {
    .k-banner{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493212398/product_collection/kitchen/k-banner-mob.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 185px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 35px 0px;
        text-align: center;
    }
    .w-banner{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493212659/product_collection/wardrobe/w-banner-mob.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 185px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 35px 0px;
        text-align: center;
    }
    .s-banner{
        background-image: url("https://res.cloudinary.com/mygubbi/image/upload/v1493213088/product_collection/storage/s-banner-mob.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        min-height: 185px;
        width: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 35px 0px;
        text-align: center;
    }
    .k-ban-h4,
    .w-ban-h4,
    .s-ban-h4{
        font-size: 12px;
    }
    .k-ban-h2,
    .w-ban-h2,
    .s-ban-h2{
        font-size: 15px;
    }
     .k-ban-h1,
     .w-ban-h1,
     .s-ban-h1{
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .home-interior{
        width:100%!important;
    }
}