
/*!* Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)* Copyright 2013-2017 Start Bootstrap* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)*/

@font-face {
    font-family: 'futura_md_btbold';
    src: url('../fonts/futura_md_btbold.eot');
    src: local('futura_md_btbold'), url('../fonts/futura_md_btbold.woff') format('woff'), url('../fonts/futura_md_btbold.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_61656">Text with this font applied</p>*/
.fontsforweb_fontid_61656 {
    font-family: 'futuraMediumBT' !important;
}

/* Font downloaded from FontsForWeb.com*/


/* Font downloaded from FontsForWeb.com*/
body {
    padding-top: 54px;
    overflow-x: hidden ;

}
.topnav{
    float: right;
    margin-top: 8px;
    margin-bottom: 0px;
}
.topnav li{
    list-style:none;
    float:left;
    color:#a7a7a7;
    font-size:14px;
    font-weight:600;
}
.navbar-light .navbar-toggler{
    color:#ca252c;
    border-color:#ca252c;
}
.navbar-toggler{
    border:none !important;
}
.navbar-light .navbar-toggler-icon{
    background-image:url(../images/menuicon.png) !important;
}
.topnav li a{
    color:#757575;
}
.nav-item a{
    float:left;
    text-decoration:none;
    font-weight:800;
    font-size:14px;

}

.nav-gradient-bg .navbar-nav .nav-item a{
    color:#fff !important;
    font-size:16px;
}

.carousel-item {
    height: 40vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}
.sub-nav .navbar-nav{
    float:right;
}

.navbar-brand{
    margin-right:0px !important;
}
.logo-img{
    margin-top: 3px;
    margin-left: 22px;
}

#wrap {
    margin: 10px 20px;
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
    position: relative;
}
.fix-serv{
    line-height: 15px;
    margin-bottom: 6px !important;
} 

.search-field{
    height: 20px;
    font-size: 14px;
    display: inline-block;
    border: none;
    outline: none;
    color: #a7a7a7;
    padding: 3px;
    padding-right:10px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.search-field:focus:hover {
    border-bottom: 1px solid #BBB;
}

.search-field:focus {
    width: 700px;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background:#FFF;
}
.search-btn {
    height: 20px;
    width: 20px;
    display: inline-block;
    color:red;
    float: right;
    background: url(../images/search.png);
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    cursor: pointer;
    transition: opacity .4s ease;
}

input[type="submit"]:hover {
    opacity: 0.8;
}

.navbar-nav .nav-item{
    position:relative;
    padding:2px;

}
.logosubtext{
    float: left;
    font-size: 11px;
    color: #757575;
    margin-top: 19px;
    padding-top: 28px;
    line-height: 14px;
    margin-left: 15px;
    font-weight:700;
}

.nav-gradient-bg{
    background: rgba(15,39,97,1);
    background: -moz-linear-gradient(left, rgba(15,39,97,1) 0%, rgba(15,39,97,1) 29%, rgba(142,30,37,1) 81%, rgba(142,30,37,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,39,97,1)), color-stop(29%, rgba(15,39,97,1)), color-stop(81%, rgba(142,30,37,1)), color-stop(100%, rgba(142,30,37,1)));
    background: -webkit-linear-gradient(left, rgba(15,39,97,1) 0%, rgba(15,39,97,1) 29%, rgba(142,30,37,1) 81%, rgba(142,30,37,1) 100%);
    background: -o-linear-gradient(left, rgba(15,39,97,1) 0%, rgba(15,39,97,1) 29%, rgba(142,30,37,1) 81%, rgba(142,30,37,1) 100%);
    background: -ms-linear-gradient(left, rgba(15,39,97,1) 0%, rgba(15,39,97,1) 29%, rgba(142,30,37,1) 81%, rgba(142,30,37,1) 100%);
    background: linear-gradient(to right, rgba(15,39,97,1) 0%, rgba(15,39,97,1) 29%, rgba(142,30,37,1) 81%, rgba(142,30,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2761', endColorstr='#8e1e25', GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2761', endColorstr='#8e1e25', GradientType=1 );

}

.navbar-light .navbar-nav .nav-link{
    font-size:14px;
}

.main-nav li{
    list-style:none;
    color:#fff !important;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    float:left;
    padding:15px 0px;

}
.main-nav{
    float:left;
    width:100%;
    display:block;
    margin-top:3%;
    padding:0px;
}
.navbar-expand-lg .navbar-collapse{
    width:100%;
}


.no-margin-right{
    margin-right:0px !important
}
.main-nav ul{
    margin-bottom: 0px !important;
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0;

}
.noleftpadding{
    padding-left:0 !important;
}

.main-nav .nav-link{
    padding:0px ;
    color:#FFF ;
    background:#153782;
    font-weight:700;

}
header{
    float:left;
    width:100%;	
}
.bulu-bg{
    background:#153782;
}

.main-nav .dropdown-menu{
    border-radius:0px;
    padding:10px ;0px;
    width:100% !important;
    padding-top:0px;
    margin-top:-1px;


}

.main-nav .dropdown-menu a:hover{
    color:#d5293f !important;
    background: #f5f5f5 !important;

}
.main-nav .dropdown-menu a{
    padding:20px !important;
    font-size:14px;
    text-transform:capitalize;
    vertical-align:middle;
    color: #757575 !important;
}

.main-nav .dropdown-menu .active{
    color:#d5293f !important;
    background:#f5f5f5 !important;
}
.section{
    float:left;
    width:100%;
    text-align:center;
    padding:40px 0px;
}
.four-menu, #justclick{
    background: rgba(21,55,130,1);
    background: rgba(21,55,130,1);
    background: -moz-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(21,55,130,1) 29%, rgba(203,42,49,1) 81%, rgba(203,42,49,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,55,130,1)), color-stop(29%, rgba(21,55,130,1)), color-stop(81%, rgba(203,42,49,1)), color-stop(100%, rgba(203,42,49,1)));
    background: -webkit-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(21,55,130,1) 29%, rgba(203,42,49,1) 81%, rgba(203,42,49,1) 100%);
    background: -o-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(21,55,130,1) 29%, rgba(203,42,49,1) 81%, rgba(203,42,49,1) 100%);
    background: -ms-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(21,55,130,1) 29%, rgba(203,42,49,1) 81%, rgba(203,42,49,1) 100%);
    background: linear-gradient(to right, rgba(21,55,130,1) 0%, rgba(21,55,130,1) 29%, rgba(203,42,49,1) 81%, rgba(203,42,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153782', endColorstr='#cb2a31', GradientType=1 );
    float:left;
    width:100%;
    color:#FFF;

}
.menu-cont{
    margin:15px 0px;
    float:left;
    width:100%;
}
.nav-item {
    margin:0px 34px !important;
}
.nav-item a{
    text-align:center;
    width:100%;
}
.no-margin-left{
    margin-left:0 !important;
}
.gradient-border-one{
    border: 1px solid;
    border-image: linear-gradient(45deg, #2a6eff, #6e6ae6) 20;
}
.gradient-border-two{
    border: 1px solid;
    border-image: linear-gradient(45deg, #7668e2, #da62b6) 20;
}
.gradient-border-three{
    border: 1px solid;
    border-image: linear-gradient(45deg, #e260b2, #ff5a84) 20;
}

.gradient-border-four{
    border: 1px solid;
    border-image: linear-gradient(45deg, #ff5a82, #ff5462) 20;
}


.circul{
    background: #326eff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 15px 0px;
    float: left;
    margin-left:18px;
}
.box-cont{
    float:left;
    margin: 10px 0px;
}
.circul img{
    margin-top:7px;
    margin-left:-3px;
}
.box-cont h3{
    font-size:18px;
    margin-bottom:0px;
    font-weight:700;
}
.box-cont p{
    font-size: 14px;
    margin-bottom: 0;
    line-height:15px;
}
.circul-one{
    background:#8468dc !important;
}

.circul-tow{
    background:#ec60ae !important;
}

.circul-three{
    background:#ff587c !important;
}
.redtext{
    color:#ca252c !important;
    display: -webkit-inline-box;
}
.redtext span{
    background:#c9c9c9;
    margin:10px;
    height:10px;
}
.borderleft{
    border-right:2px solid #c9c9c9 !important;
    padding-right:5px;
    margin-right:5px;
}
.motertap .active {
    color:#ca252c;
}
.motertap a{
    font-size:30px;
    text-transform:uppercase;
    text-decoration:none;
    color:#272727 !important;
}

.tabbable-panel{
    text-align:center;
    margin:auto;

}
.owl-item .item img{
    margin-bottom:30px;
}

.tabbable-panel .nav-tabs{
    border-bottom:none;
}

.tabbable-line .nav-tabs li{
    font-size:30px;
    text-transform:uppercase;
    font-weight:bold;
    color:#272727;
    padding:19px;
    border:1px solid #e1e1e1;
}
.tabbable-line .nav-tabs a{
    color:#272727;
    text-decoration:none;
}

.tapsection{
    float:none;
    margin:auto;
    text-align:center;
}
.tabbable-line .nav-tabs .active, .nav-tabs .active a{
    color:#ca252c !important;
}
.moretap .redbox:hover{
    background: #ca252c !important;
    padding: 12px 34px;
    margin: -32px;
    margin-top: -2px;
    border: 1px solid #fff;


}
.moretap a:hover{
    color:#fff !important;




}
.responsiveimg{
    width:100%;
}

.carousel-control-prev-icon{
    background:url(../images/previcon.png) no-repeat !important;
}

.carousel-control-next-icon{
    background:url(../images/nexticon.png) no-repeat !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    height:40px !important;
    width:40px !important;
}


/*editd 14.12.2017 start*/
.carousel-control-next, .carousel-control-prev{
    width:51%;
}
/*editd 14.12.2017 end*/


.margin{
    margin:0px 30px !important;
}
.item h2{
    font-size:18px;
    font-weight:bold;
}

.tab-content{
    margin:40px 0px;
}
#ratingbar{
    background:#e5f2f9;
    padding:2.5% 0%;
}

#ratingbar h2{
    color:#153782;
    font-weight:bold;
    font-size:35px;

}
.ratingcont p{
    font-size:16px;
    font-weight:500 !important;
    color:#434343;
    line-height:normal;	
}

.service-cont{
    text-align:left;
    padding-top:5%;
}

.ratingcont .service-cont .redtext{
    margin:2% 0px;
    margin-bottom:19px !important;
}
.service-cont h1{
    font-size:54px;
    font-weight:bold;
    color:#153782;
    letter-spacing:-2px;
}
.service-cont-img{
    margin-bottom:1px !important
}
.map{
    background:#f5f5f5;
    padding:10px 20px;
    float:left;
    width:100%;
    margin:5px 0px;
}
.map h2{
    font-size:24px;
    font-weight:bold;
}
.map .redtext{
    margin-top:22px !important;
    margin-right:25px !important;
}
.redtexthedding{
    color:#ca252c !important;
    margin-bottom:0px !important;
}
.redtexthedding b{
    font-weight:bold;
    font-size:16px;
}
.justclick-cont{
    text-align:left;
}
.justclick-cont h1{
    font-size:40px;
    font-weight:bold;
    margin-left:10px;
}
.justclick-cont p{
    line-height:18px;
    margin-top:9px;
}

.justclick-cont-tick{
    margin-top:15px;
}
.no-padding{
    padding:0 !important;
}
.no-margin{
    margin:0px !important;
}
.justclick-cont .fa{
    border:1px solid #fff;
    border-radius:50px;
    padding:5px;
    float:left;
    margin-right:15px;
    margin-top:3px;
}
.justclick-cont-tick{
    float:left;
}
.footer-nav  .redtext a{
    color:#ca252c !important;	
}
.redtext p{
    color:#ca252c !important;	
    margin-top:15px;
}
.redtexthedding a{
    color:#ca252d;
}
.redtext a:hover{
    text-decoration:underline !important;
}
.redtexthedding a:hover{
    text-decoration:none;
}
.date{
    font-size:16px;
    color:#818181;
    padding:15px 0px;
}
.news-event-hedding{
    font-size:24px !important;
    font-weight:bold;
}
.news-event-cont p{
    text-align:justify;
}
.news-event-cont{
    float:left;
    text-align:left;
    margin-bottom: 40px;
}
#news-event .redtexthedding{
    width:100%;
    text-align:left;
}


#news-and-events .date_select{	
    border:none;
}

.video-box{
    margin-bottom:20px;
}
#carouselExampleIndicators1 .carousel-item{
    height: 0 !important;
}
#testimonial{
    background:#f5f5f5;

}

#carouselExampleIndicators1 .carousel-control-prev .carousel-control-prev-icon{
    background:url(../images/videoprev-icon.png) no-repeat !important;
    margin-left: 70%;
    margin-top: 14px;

}

#carouselExampleIndicators1 .carousel-control-next .carousel-control-next-icon{
    background:url(../images/videonext-icon.png) no-repeat !important;
    right:0px;
    margin-right:-70%;
    margin-top:-40px;

}


#carouselExampleIndicators1 .carousel-control-next, #carouselExampleIndicators1 .carousel-control-prev{
    position: inherit;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    opacity: 1;
    float:left;
    margin-left:0;
    margin-top:0;
}



#testimonial .carousel-item{
    height:auto !important;
}

#testimonial .carousel-caption{
    bottom:0px;
    color:#222222;
    font-size:20px;
    top:10px;

} 

#testimonial .redtext{
    font-size:18px;
    line-height:30px;

}
#footer{
    background:#282828;
    padding:20px;
    float:left;
    width:100%;
    color:#cbcbcb;
    text-align:left;


}
.footer-cont hr{
    color:#505050;
    background:#505050;
    float:left;
    width:100%;
    margin:20px 5px;

}
.footer-cont .footer-nav li{
    list-style:none;
    float:left;
    border-right:1px solid #505050;
    padding:0px 20px;
}
.noliftpadding{
    padding-left:0px !important;
}

.soi-icon li{
    list-style:none;
    float:left;

}
.soi-icon li a{
    color:#a7a7a7;
    padding:0px 10px;
}
.soi-icon{
    float:right;
}
.footer-hedding{
    border-bottom:1px solid #505050;
    width:100%;
    color:#ca252c;
    font-size:16px;
    padding-bottom:10px;
    margin-top:20px;
}

.footer-cont strong{
    color:#FFF;
    margin-bottom:15px;	
}
.footer-cont p{
    font-size:14px;
    font-weight:300;
    line-height:20px;

}
.navbar-brand{
    float:left;
}

.footer-cont{
    padding-bottom:25px;
}
.logo{
    float:left;
    margin-left:0px;
    padding-left:0px;
}

.top-navbar, .tvslogo{
    float:right;
}
.tvslogo img{
    float: right;
    width: 20%;
    margin-top:5px;
}
.no-padding-right{
    padding-right:0px !important;
}
.dropdown{
    width:100%;
    float:right;
    padding:16px;
}
.dropdown-toggle::after{
    float:right;
    margin-top:-13	px;
}

.four-menu .box-cont{
    margin-left:10px;
}
.moretap{
    padding:0px 30px !important;
}
.moretap a{
    font-size:14px;
    font-weight:bold;
    margin-top:18px;
}
.divider{
    padding:2px 1px;;
    background:#CCC;
}
#justclick{
    margin-top:-1px;
}
.video-text{
    float:left;
    margin:10px 0px;

}
#testimonial-carousel .carousel-control-prev-icon{
    background:url(../images/videoprev-icon.png) no-repeat !important;

}


#testimonial-carousel .carousel-control-next-icon{
    background:url(../images/videonext-icon.png) no-repeat !important;
}
#testimonial-carousel .carousel-control-next, #testimonial-carousel  .carousel-control-prev{
    width:15%;
    align-items:normal;
    top:80px;
}
#testimonial-carousel .carousel-caption{
    right:23%;
    left:23%;
}

.dropdown-toggle::after{
    float:right;
    margin-left:160px;
    margin-top:-10px;
}


.dropdown-menu{
    border:none !important;
}
.owl-theme .owl-controls .owl-page span{
    background:#cbcbcb !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#ca252c !important;

}
#hedding-bulu-band{
    background:#081f52 !important;
    color:#fff;
}
.input-box{
    float:left;
    width:100%;


}

.main-form{
    float:left;
}
.formhedding{
    color:#ca252c;
    float:left;
    text-align:left;
    font-size:16px;
    width:100%;
    padding:0px 10px;
    margin-bottom:30px;
}
.red-btn{
    background:#ca252c !important;
    padding:10px 40px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    font-size:20px;
    margin-bottom:10%;

}

.radio-btn{

}

.radio-btn p{
    float:left;
    color:#868e96;
    font-size:14px;
    margin:20px 0px;
}

.radio-btn ul{
    float:left;
}
.red-dropdown{
    background:#cb2a31 !important;
    color:#FFF;
    /* deva */
    width:100%;
    /* deva */
}
.red-dropdown  .nav-link{
    background:#cb2a31 !important;
    color:#FFF;
    text-align:left;
}
.red-dropdown .dropdown{
    width:100% !important;
}
.vehicle-type{
    font-size:20px;
    float:left;
    border-top:1px solid #103ea4;
    padding-top:10px;
    font-weight:bold;
    padding-right:10px;
    padding-right:36%;
    text-align:left;
}

.red-dropdown .dropdown-toggle::after{
    margin-right:0px;
    /*margin-top:-10px;*/
    /*margin-top:7px;*/
    top:38px;
    position: absolute;
    margin-left: 0;
    right:15px;

}

.bulu-hedding{
    color:#153782;
    font-weight:bold;
    font-size:42px;
}

.product-carousel p{
    font-size:11px;
    margin-left:10px;

}
#specification{
    background:#f5f5f5;
}
.product-carousel .owl-item .item img{
    margin-bottom:10px;
}
.product-menu-gray{
    margin-bottom:0px;
    margin-top:20px;
}
.product-menu-gray li{
    list-style:none;
    float:left;
}


.product-menu-gray li a{
    text-decoration:none;
    color:#818181;
    padding:0px 20px;
    border-right:1px solid #ccc;
    font-size:14px;
    font-weight:600;
}
.product-menu-graybg{

    padding:0;
}
.product-menu-graybg li{
    background: #f5f5f5;
    color:#ca252c;
    float:left;
    list-style:none;
    margin:5px;
    padding:15px;
    width:19.1%;
}

.product-menu-graybg .active{
    background:#cb2a31;
}

.product-menu-graybg a .active , .product-menu-graybg a .active .fa {
    color:#FFF;
}
.product-menu-graybg li:hover{
    background:#cb2a31;
    color:#fff !important		
}
.product-menu-graybg a li .fa:hover{
    color:#FFF;
}


.product-menu-graybg li a{
    font-size:16px;
    color:#ca252c;
    text-decoration:none;
    text-align:left;
    float:left;
}

.product-menu-graybg  a li .fa{
    color:#b2b2b2;
    margin:0px 0px;
    font-size:24px;
    float:left;
    margin-left:5px;
}
.sub-bulu-hedding{
    font-size:36px;
}
.apout-cont{
    padding: 80px 0px;
}
.apout-cont p{
    font-size:18px;	
}
.color-box{
    width:100%;
    float:left;
}
.color-box span{
    width:32px;
    height:32px;
    float:left;
    margin:4px 20px;

}

#color-selete{
    width: 110%;
    margin-left:-5%;
    margin-right: -5%;
}


.color-box  p{
    float:left;
    text-align:left;
    margin-top:5px;
    line-height:30px;
    color:#212529;
}

.color-box .red-box span{
    background:#F00;
}

.color-box .blue-box span{
    background:#017fc9;
}

.color-box .black-box span{
    background:#000000;
}

.color-box .silver-box span{
    background:#d6d6d6;
}

#degree{
    background:#e5f2f9 !important;
}

.degreephots{

    background: linear-gradient(to bottom right,  #d1dce3, #bbc5cb);
    padding:30px;
    float:left;
    padding-bottom:20%;
}

.rating-items{
    margin:10px;
    float:left;
    width:100%
}

.nav-desktopview{
    display:block;
}
.nav-mobileview{
    display:none;
}
.mobilemenu{
    float:right;
}
.mobilemenu #wrap{
    margin: 10px 20px;
    position: absolute;
    right: 12%;
    margin-top: 27px;
}



.nav-mobileview .tvslogo img{
    margin-top:-26px;
}
.nav-mobileview .dropdownmenu {
    margin-top:70px;
    float:left;
    width:100%;
}

.nav-mobileview .nav-item a{
    color:#fff;
    width:100%;
    font-weight:700;
    padding:12px 0px;
}
.nav-mobileview .dropdown-toggle::after{
    margin-top:0px;
}

.nav-mobileview .dropdown-menu.show, .nav-mobileview #navbarResponsive{
    background: rgba(21,55,130,1);
    background: -moz-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(203,42,49,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,55,130,1)), color-stop(100%, rgba(203,42,49,1)));
    background: -webkit-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(203,42,49,1) 100%);
    background: -o-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(203,42,49,1) 100%);
    background: -ms-linear-gradient(left, rgba(21,55,130,1) 0%, rgba(203,42,49,1) 100%);
    background: linear-gradient(to right, rgba(21,55,130,1) 0%, rgba(203,42,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153782', endColorstr='#cb2a31', GradientType=1 );
    width:100%;

}

.nav-mobileview .navbar{
    width:100%;
}

.nav-mobileview .navbar-light{
    float:left;
}

.nav-mobileview .gradient-border-one{

    border: 1px solid;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image: linear-gradient(45deg, #2a6eff, #ff5462) 20;
}
.nav-mobileview .menu-cont{
    width:100%;
}
.nav-mobileview .dropdown-item:focus, .dropdown-item:hover{
    background:#006;
}

.nav-mobileview #navbarResponsive{
    width:180%;
}

.nav-mobileview  .navbar-nav .nav-item{
    padding:8px;
}
.nav-mobileview .soci-link a{
    float:left;

}
.nav-mobileview .soci-link{
    float:left;
    font-size:25px;
    padding:10px;
}
.footer-mobileview{
    display:none;
}
.navbar{
    padding:0px !important;
}
.main-nav{
    margin-top:39px;
}
.four-menu a{
    color:#fff;
}

.justclick-cont a:hover{
    color:#6780d5;
}

#carouselExampleIndicators1 .carousel-control-prev .carousel-control-prev-icon:hover, #testimonial-carousel .carousel-control-prev-icon:hover {
    background:url(../images/videoprev-icon-hover.png) no-repeat !important;

}

#carouselExampleIndicators1 .carousel-control-next .carousel-control-next-icon:hover, #testimonial-carousel .carousel-control-next-icon:hover {
    background:url(../images/videonext-icon-hover.png) no-repeat !important;
}


.owl-theme .owl-controls .owl-buttons .owl-prev{
    background:url(../images/videoprev-icon.png) no-repeat !important;
    position: absolute;
    left:-3%;
    top:47%;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{
    background:url(../images/videoprev-icon-hover.png) no-repeat !important;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
    background:url(../images/videonext-icon.png) no-repeat !important;
    position: absolute;
    right: -3%;
    top:47%;
}


.owl-theme .owl-controls .owl-buttons .owl-next:hover{
    background:url(../images/videonext-icon-hover.png) no-repeat !important;
}



.owl-theme .owl-controls .owl-buttons div{
    padding:20px !important;
}

#price{
    background: #faefb6 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #faefb6 1%, #f7b563 99%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #faefb6 1%,#f7b563 99%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #faefb6 1%,#f7b563 99%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faefb6', endColorstr='#f7b563',GradientType=0 ) !important; /* IE6-9 */
}

.showroom span p span{
    color:#fff;
}
.showroom span p{
    margin-bottom:0px;
}
.nav-tabs img{
    margin-right:8px;
}
.margin-one{
    margin-left:-1px;
}
.nav-mobileview .navbar-nav .nav-item{
    border-bottom: 1px solid;
    border-image: linear-gradient(45deg, #2d6eff, #fb565d) 20;
    margin-left:-10px !important;
}	
.nav-mobileview .navbar-light .nav-item a{
    margin-left:15px;
}

.footer-nav a{
    text-decoration:none !important;
}

.footer-nav a .redtext:hover{
    text-decoration:underline;
}
.main-nav .nav-link , .nav-mobileview .dropdownmenu .nav-item a{
    text-decoration:none !important;
}	

.red-dropdown .nav-item{
    margin: 0px 0px !important;
    padding:0px;
}
.red-dropdown .nav-item img{
    margin-right:15px;
    margin-top:-6px;
}

#specification .tabbable-line .nav-tabs li a{
    background:#fff;
    font-size:14px;
    color:#cb2a31;
    margin:1px;
    text-transform:capitalize;
    padding:17px;
    float:left;
    font-weight:600;
    width:100%;
    text-align:left 
}
#specification .tabbable-line .nav-tabs li{
    border:none;
    padding:0px;
    width:100%;
}
#specification .nav-tabs{
    border-bottom: none;
}

#specification .tabbable-line .nav-tabs li .active{
    background: #cb2a31;
    font-size: 14px;
    color: #fff !important;
}
#specification .bulu-hedding{
    font-size:30px;
    text-align:left;
}
#specification .tab-content{
    margin-top:2px;
}
.engine-speci-details{
    background:#fff;
    padding:13px;
    margin-bottom:2px;
    float:left;
    width:100%;
}
.tab-content table{
    width:100%;
    float:left;
}
.tab-content table td{
    width: 50%;
    float: left;
    text-align: left;
}

.red-dropdown .dropdown-menu.show{
    width:100%;
    border-radius: 0px;
    margin-left:31px;
    margin-top:19px;
    padding:0px;
    transform:translate3d(-32px, 38px, 0px) !important;
}

.red-dropdown .dropdown-menu.show a{
    color:#cb2a31 !important;
    font-weight:700;
}
.red-dropdown .dropdown-menu.show a:hover{
    color:#fff !important;
}
.red-dropdown .nav-item a{
    text-align:left;
    padding:15px;
    background:#dcdcdc;
    color:#fff !important;
}

.red-dropdown .dropdown-item.active, .red-dropdown .dropdown-item:active{
    background-color: #cb2a31 ;
    color:#fff;

}

.red-dropdown .dropdown-item:focus, .red-dropdown .dropdown-item:hover{
    background-color: #cb2a31 ;
    color:#fff !important;
}

#price{
    min-height:726px;
}
.price-wight-box{
    background:#fff;
    padding:20px;
    display:block;
    text-align:left;
    color:#153782;
    margin-bottom:10px !important;
    margin:auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);

}
.price-wight-box h2{
    font-size:18px;
    font-weight:700;
    margin-bottom:0px;
}
.price-wight-box b{
    color:#ff8a00;
    font-size:18px;
}
.price-wight-box p{
    margin-bottom:0px;
}
.price-wight-box p.notetext{
    margin: 0;
    width: 100%;
    padding: 0;
    font-size: 12px;
    
}
.price-wight-box .border-bottom {
    border-bottom:1px solid #d0d0d0;
    width:100%;
    float:left;
    padding-bottom:5px;
}
.net-price b{
    font-size:36px;
}
.price-cont{
    margin:auto;
}
.price-main-div{
    text-align:center;
    margin-top:12%;
}
#videos{
    background:#121212;	
}
.wight-hedding{
    font-size:36px;
    color:#fff;
    font-weight:bold;
    text-align:left;
}
#videos .owl-carousel .owl-wrapper-outer{
    text-align:center;
}

.owl-carouse1-video .owl-controls .owl-buttons .owl-next{
    right: 2% !important;
    top:76% !important;
}

.owl-carouse1-video .owl-controls .owl-buttons .owl-prev{
    left: 93.5% !important;
    top: 69% !important;
}
.degreephots-controls a{
    background: #fff;
    color: #ca252c;
    border-radius: 50%;
    padding: 7px 11px;
    margin: 2px;
}
.degreephots-controls{
    top: 71px;
    position: relative;
}
.degreephots-controls a i{
    -webkit-text-stroke: 2px white;

}
.date_select b{
    color:#707070;
    display:block;
    float:right;
    margin-top:7px;
    font-size:14px;
}
.select_year{
    float:right;
}

.date_select .select_year select{
    padding:5px 20px;
    color:#707070;
    border:1px solid #dcdcdc;
    width:100%;
    float:left;
}
.date_select{
    border-bottom:1px solid #dcdcdc;
    padding-bottom:20px;

}

.ramkaytvs_apout .date{
    font-size:14px;
}
.ramkaytvs_apout p{
    text-align:left;
    font-size:16px;
    line-height:20px;
    padding-bottom:0px;

}
.ramkaytvs_apout .news-event-hedding{
    font-size:40px !important;
    margin-bottom:20px;
}

.select_year::after{
    content: '\f107';
    font: normal normal lighter 20px/1 FontAwesome;
    color: #8d8d8d;
    right: 11px;
    top: 1px;
    padding: 7px 15px;
    position: absolute;
    pointer-events: none;
    background: #fff;
    padding-bottom: 8px;
}
#services .news-event-cont p{
    text-align:left;
}

#services .news-event-cont h2{
    margin:10px 0px;
}
#rider_corner .tapsection{
    text-align:left;
    float:left;
}
#rider_corner .tabbable-panel{
    float:left;
    text-align:left;

}
#rider_corner .tabbable-line .nav-tabs li{
    font-size: 18px;
    font-weight: bold;
    color: #272727;
    padding:0;
    border:none;
    margin-right:10px;
    text-transform:capitalize;
}

#rider_corner .tabbable-line .nav-tabs a{
    color:#818181;
}
.rider-testimonials{

    text-align:center;
    float:left;
    margin-bottom:30px;
}

.rider-testimonials p{
    border-top:1px solid #dcdcdc;
    padding-top:20px;
    color:#2f2f2f;
    font-size:14px;
    line-height:20px;
}
.rider-testimonials b{
    font-size:16px;

}
.videotap p{
    font-size:12px;
    text-align:left;
}
.videotap h2{
    font-size:16px;
    font-weight:600;
    margin-top:10px;
    text-align:left;
    float:left;
    width:100%;
}
.videotap .vodeo{
    width:100%;
}

.premium-features h2{
    color:#153782;
    font-size:18px;
    font-weight:600;
    text-align:left;
    margin-bottom:15px;
}

.premium-features-cont{
    width:100%;
    float:left;
    margin-bottom:10px;
    text-align:left;
}	
.premium-features-cont img{
    float:left;
    margin-right:10px;
} 
.premium-features-cont p{
    margin-top:20px;
}
.more_btn .redtext{
    font-size: 16px !important;
    float: left;
}
.more_btn:hover{
    background:#ca252c;
    color:#fff;
}
.more_btn .redtext:hover{
    color:#fff !important;
}
.degreephots-controls-left{
    background: url(../images/degreephots-controls-prev-icon.png) no-repeat !important;
    position: absolute;
    height:40px;
    width:40px;
    left:42%;


}
.degreephots-controls-right{
    background: url(../images/degreephots-controls-next-icon.png) no-repeat !important;
    position: absolute;
    height:40px;
    width:40px;
    right:42%;
}
.degreephots-controls-left:hover{
    background: url(../images/videoprev-icon-hover.png) no-repeat !important;
}

.degreephots-controls-right:hover{
    background: url(../images/videonext-icon-hover.png) no-repeat !important;
}



#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(203, 42, 49,);
    background: rgba(203, 42, 49, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:999999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(203, 42, 49, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.mobileview-cro{
    display:none;
}

.desltopview-crocl{
    display:block;
}
#features .owl-item .item img{
    width:100% !important;
}


.ramkaytvs_conta{
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ramkaytvs_conta h1{
    font-size:24px;
    font-weight:bold;
    text-align:left; 
}
.map-red a{
    color:#ca252c;
}

.map-red{
    float:right;
}
.map-red .fa{
    font-size:25px;
}	
.ramkaytvs_conta_content{
    float:left;
}
.ramkaytvs_conta_content p{
    margin-bottom:7px;

}	
.ramkaytvs_conta_content b{
    font-size:16px;
}	

.emaild{
    text-align:center;
    padding-bottom:10px;
    border-bottom:1px solid #d9d9d9;
    color:#212529;
    float:left;
    width:100%;
}
.emaild:hover{
    color:#212529;
}
.ramkaytvs_time h1{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-top:10px;
}
.ramkaytvs_time .ramkaytvs_conta_content{
    text-align:left;
}
.ramkaytvs_time{
    width:100%;	
    border-bottom:1px solid #d9d9d9;
    padding-bottom:10px;
}


/*Edited on 13-12-2017-Start....................................................*/

.careers-cont-form h1{
    font-size:18px;
    font-weight:bold;
    margin:15px 0px;
    text-align:left;
}

.input-box .update_resume{
    width:100%;
}	

.input-box .update_resume .custom-file-control{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding:25px 15px;
    line-height: 0;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f5f5f5;
    border: 1px solid #e2e1e1;
    border-radius:0;
}
.input-box .update_resume .custom-file-control::before{
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height:auto;
    padding: .375rem .75rem;
    line-height:38px;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}

.custom-file-control:lang(en):empty::after{
    content: "Upload your resume...";
    text-align: left;
    float: left;
}
.update_resume label.error{
    margin-top:56px !important;
}

.csd_cpc ul li{
    margin:10px 0px;
}

.thank_you_hedding{
    font-size: 25px !important;
    padding: 70px 0px !important;
    text-align: center !important;
}

/* deva start*/
.section .anchor-det{ padding-top:40px;}
.item-video iframe{ height:500px; width:100%;}
.pop-video{
    width: 100%; height: 100%; top:0; left: 0%; position: fixed;display: none; z-index:9999;}
.pop-con {  display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center;  }
.con{width:640px; height: 360px; background: white;position: relative;}
.close{ background: red; padding: .25em .5em 0.4em; line-height: 1em; color: white;  margin-top: -1.65em; float: right;cursor: pointer}
.video-player iframe{width: 100%; height: 100%;position: absolute;}
.bulu-hedding a:hover{text-decoration:none !important;}
.bulu-hedding a{ color:#153782; cursor:default;}
.wight-hedding a:hover{text-decoration:none !important;}
.wight-hedding a{ color:#fff; cursor:default;}
/*deva end*/
/*Edited on 13-12-2017-End....................................................*/




/*Edited on 15-12-2017-start....................................................*/
.mobile-banner{
    display:none !important;
}

.dextop-view-banner{
    display:block !important
}


#Differently_abled .apout-cont p{
    font-size:15px;
}

#Differently_abled .item{

}
#Differently_abled .item img{
    width:90%;
}
#Differently_abled .owl-carousel{
    margin-top:30px;
}

.Specifications_table td{
    padding:0px 10px;
}
/*Edited on 15-10-2018-start....................................................*/
.Specifications_table h2, .price_table h2{
    font-size:18px;
    font-weight:bold;
    color:#ca252c;
    margin-top:20px;
}

.price_table .table td,  .price_table .table th{
    text-align: right;
}

.price_table .vehicle-list{
    text-align: left  !important;
}
.panel-title>a, .panel-title>a:active{
    display:block;
    padding:7px 5px;
    color:#555;
    font-size:16px;
    font-weight:bold;
    text-decoration: none !important;
    border-bottom: 1px solid #ccc; 
}
.panel-title > a:hover{
    text-decoration: none !important;
}
.panel-title{

}
.panel-title>a:active{
    border-bottom:none;
}

.panel-heading  a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    transition: all 0.5s;
    webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;

}
.panel-heading.active a:before {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
   transform: rotate(180deg) !important;
   transition: all 0.5s;
}

.mobile-pricehedding p{
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: bold !important;
    font-size: 16px !important;
}
.mobile-pricehedding p span{
    margin-right: 20px;
    text-decoration: none;
}
.panel-body tr td{
   padding: 5px;
    border-top: none;
}
.price_table {
    display: block;
}
.price-lest-mobile{
    display: none;
}
.price-lest-mobile h2{
    font-size: 18px;
    color: #ca252c;
    font-weight: bold;
}
.total-row{
    border: 1px solid #ccc;
    border-right:none;
    border-left: none;
}
/*Edited on 15-10-2018-end ....................................................*/

/*Edited on 15-12-2017-end....................................................*/


/*Edited on 26-12-2017-start....................................................*/

#color-selete .tabbable-line .nav-tabs li{
    font-size: 14px;
    color: #272727;
    padding:0px;
    border:none;
    width:100%;
    text-transform:capitalize;
}

#color-selete .nav-tabs{
    border:none;
}


/*Edited on 26-12-2017-end....................................................*/

/*Edited on 03-01-2018-Start....................................................*/

.ramkaytvs_conta_content b{
    font-size: 14px !important;
    background: #eeeeee;
    padding: 10px;
    padding-left: 10px;
    width: 100%;
    float: left;
    color: #081f51;
    line-height: 15px;
    min-height: 52px;
    vertical-align: middle;
    padding-left: 20px;
    margin-bottom:10px;
}
.ramkaytvs_conta_content p{
    margin-bottom:0px;
    font-size:14px;
    padding-left:20px;
}

.linehight{
    line-height:30px !important;
}
.ramkaytvs_conta{
    font-size: 14px;
}
/*Edited on 03-01-2018-End....................................................*/


.oval-rating{
    background: #f9f7c7;
    border-radius: 50%;
    padding: 20px 23px;
    width:200px;
    height:200px;
}
.oval-rating h2{
    margin-bottom:-5px;
}
.oval-rating p{
    line-height:20px;
}

.oval-rating .service-pers-img{
    margin-top:10px;
}


.tap_one  a .scooter-moter-img{
    background:url(../images/moter-gray.png) no-repeat;


}

.tap_two a .scooter-moter-img{
    background:url(../images/scooter-gray.png) no-repeat;

}

.tap_one  a .scooter-moter-img, .tap_two a .scooter-moter-img{
    float:left;
    margin-top:10px;
    min-height:35px;
    text-align:center !important;	
    min-width:46px;
    margin-left:0px;
    margin-top:10px;

}

.tap_one .active .scooter-moter-img{
    background:url(../images/moter-red.png) no-repeat;
    margin-top:10px;
    float:left
}

.tap_two .active .scooter-moter-img{
    background:url(../images/scooter.png) no-repeat;
    margin-top:10px;
    float:left
}

.tap_one  a span , .tap_two  a span{
    float: left;
    margin-top:10px;
    line-height:25px;
    text-align:center;
    margin-left:10px;
}
#scooter_tap{
    float:left;
    width:100%;

}
.cards{
    float:left;
    margin-bottom:20px;
}
.cards img{
    width:100%;
    padding:12px;
    box-shadow: 0 0px 2px rgba(0,0,0,0.16), 0 .5px 2px rgba(0,0,0,0.23);

}
.testimonial-cont h3 span{
    font-size:18px;
}



/*Edited on 06-03-2018-Start....................................................*/
.product-btn-red{
    background:#cb2a31;
    font-weight:bold;
    padding:15px 15px;
    margin-top:11px;
    width:98%;
}
.products-list{
    width:100%;
    padding-bottom:20px;
    float:left;
    padding-top:20px;
}
.product-hed-cont{
    margin-bottom: 5%;
    border-bottom: 1px solid #103ea4;
    padding-bottom: 20px;
}

.product-list-hedding{
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 25px;
}
/*Edited on 06-03-2018-end....................................................*/



.ser-cont{
    padding:20px 120px;
    padding-top:5%;
}

.ser-cont h1{
    color:#000000;
    font-size:30px;
}	

.ser-cont p{
    font-size:16px;

}	

#features .owl-wrapper-outer	{
    border:1px solid #ccc;
    padding:20px;
}

#features .ser-cont-cros .item img{
    width:74% !important;
    margin-top:1%;
    margin-bottom:1% !important;
}

.ser-crol-icon .owl-theme-a .owl-controls .owl-buttons .owl-prev{
    left:4%;
    top:45%;
}
.ser-crol-icon .owl-theme .owl-controls .owl-buttons .owl-next{
    right:4%;
    top:45%;
}

.service-ditels	h1{
    font-size:20px;
    font-weight:700;
}

.service-ditels	p{
    font-weight:300;
    font-size:14px;
}

.service-ditels{
    float: left;
    margin-top: 20px;

}
.service-icon{
    float:left;
    margin-left:-20%;
}
.service-icon img{
    width:80%;
}

.service-ditels-cont{
    float:left;	
    margin-top:-25px;
}
.service-page-down-cont{
    float:left;
    margin-top:20px;
    width:100%;
}




.cont-test {
    margin-bottom:13px;
    width:100%;

}
.cont-test a {
    text-decoration:none !important;
}
.cont-test a:hover{
    text-decoration:none;
    color:#cb2a31 !important;
    border-right:2px solid #cb2a31 !important;

}
.cont-test a.active {
    color:#cb2a31;
    border-right:2px solid #cb2a31 !important;
}

.service-btn{
    font-weight:bold;
    float:left;
    font-size:14px;
    border-right:2px solid #000000 !important;
    margin-left:10px;
    padding-right:10px;
    text-decoration:none !important;
    cursor:pointer;
    color: #000000;
}




.owl-carousel .owl-controls .owl-buttons div {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    zoom: 1;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    font-size: 1em;
    border-radius: 30px;
    color: #FFF;
    background: #000;
    opacity: .6;
    border-radius: 50px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 4.5em;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 4.5em;
}































/*Edited on 22.12.2017 start */


@media only screen and (max-width: 1920px) {
    .carousel-control-prev-icon{
        margin-left: -20%;
    }
    .carousel-control-next-icon{
        margin-left:20%;
    }
}

@media only screen and (max-width: 1600px) {
    /* 30-01-2018 */
    .carousel-control-prev-icon{
        margin-left: -40%;
    }
    /* 30-01-2018 */
    .carousel-control-next-icon{
        margin-left:20%;
    }
    /*Edited on 22.12.2017 end */

    .main-nav{
        margin-top:2%;
    }
    .carousel-item{
        height: 49vh;
    }
    .carousel-control-next, .carousel-control-prev{
        width:45%
    }
    .nav-item a{
        margin-top: 6px !important;
    }
    .moretap .redbox:hover{
        margin: -35px;
        padding: 21px 34px;
        margin-top: -2px !important;
    }
    .nav-tabs img{
        margin-right:8px;
    }
    .ratingcont .service-cont .redtext{

        margin-top: 2%;
        margin-bottom: 2%;
        margin-bottom: 19px !important;
        margin-top: 12px;
    }
    .service-cont-img .responsiveimg{
        width:75% !important;
        margin-bottom:1px;
    }
    .service-cont h1{
        font-size:48px;
    }
    .justclick-cont h1{
        font-size:35px;
    }
    .showroom span p span{
        color:#fff;
    }
    .showroom span p{
        margin-bottom:0px;
    }
    .main-nav .nav-link{
        margin-top: 3px;	
    }
}

@media only screen and (max-width: 1280px) {
    .main-nav{
        margin-top:4%;
    }
}


@media only screen and (max-width: 1024px) {
    /*edit on 9.1.2018 start*/
    .service-btn{
        font-size:12px;
    }
    /*edit on 9.1.2018 end*/

    /*edit on 9.1.2018 start*/
    .oval-rating .service-pers-img{
        margin-top: 19px;	
    }
    /*edit on 9.1.2018 end*/
    .product-menu-graybg li{
        width:18.1%;
        font-size:11px;
    }
    .vehicle-type{
        font-size: 15px;
    }
    .bulu-hedding{
        font-size: 36px;
    }
    .degreephots-controls-left{
        left: 35%;
    }
    .degreephots-controls-right{
        right: 35%;
    }
    .degreephots-controls{
        top: 50px;
    }
    .product-menu-graybg a li .fa{
        font-size: 18px;
    }
    .logosubtext{
        margin-top: -61px;
        margin-left: 50%;
    }
    .logo img{
        width:75%;
    }
    .main-nav{
        margin-top: 3% !important;
    }
    .navbar-collapse .nav-item{
        margin: 0px 17px !important;
    }
    .dropdown-toggle::after{
        margin-top: -10px !important;
    }
    .four-menu .box-cont h3{
        font-size: 13px
    }
    .circul{
        margin-left: 12px;
    }
    .four-menu .box-cont{
        margin-left:0px;
    }
    .four-menu .box-cont p{
        font-size: 12px;
    }

    /*edit start date 15.12.2017*/

    .carousel-control-next, .carousel-control-prev{
        width: 40%;
    }

    /*edit end date 15.12.2017*/

    .tabbable-line .nav-tabs li{
        font-size: 18px;
    }
    .moretap .redbox:hover{
        padding: 15px 34px;
    }
    #ratingbar h2, .service-cont h1{
        font-size: 27px;
    }
    .service-cont-img .responsiveimg{
        width: 86% !important;
    }
    .map h2{
        font-size:20px;
    }
    .justclick-cont h1{
        font-size: 27px;
    }
    .redtexthedding b{
        font-size: 13px;
    }
    .redtexthedding a{
        font-size: 13px;
    }
    .news-event-hedding{
        font-size: 17px !important;
    }
    #testimonial .carousel-caption{
        font-size: 15px;
    }
    #testimonial .carousel-item{
        height:180px !important;
        min-height:0px;
    }
    .soi-icon{
        margin-top:-30px;
    }
}




@media only screen and (max-width: 990px) {
    .mobile-banner{
        display:block !important;
    }

    .dextop-view-banner{
        display:none !important;
    }

    .nav-desktopview{
        display:none;
    }
    .footer-desktopview{
        display:none;
    }
    .footer-mobileview{
        display:block;
    }
    .nav-mobileview{
        display:block;
    }
    footer-mobileview{
        display:block;
    }
    .navbar-light .navbar-toggler{
        margin:18px 0px 0px 30px;
    }

    .nav-mobileview .dropdown-toggle::after{
        margin-top:10px;
    }
    dropdown-toggle::after{
        margin-top:-12px !important;
    }
    .service-cont h1{
        font-size:40px;
    }
    #carouselExampleIndicators1 .carousel-control-next, #carouselExampleIndicators1 .carousel-control-prev{
        margin-left:0px;
    }
    .fixed-top{
        padding:0px;
        margin:0px;
        width:100%	
    }
    .nav-mobileview .tvslogo{
        float:right;
        margin-top:-15px;

    }

    .nav-mobileview .navbar-light{
        width:100%
    }

}
@media only screen and (max-width: 768px) {
    .price_table {
        display: none;
    }
    .price-lest-mobile{
        display: block;
    }
    .section p{
        font-size:14px;
    }
    .apout-cont p{
        font-size: 15px;
    }
    .vehicle-type{
        font-size: 12px;
    }
    .red-dropdown .dropdown-toggle::after{
        margin-top:-10px !important;
    }
    .product-menu-gray{
        padding:0px;
    }
    .product-menu-gray li a{
        padding: 0px 9px;
    }
    .bulu-hedding{
        font-size: 26px;
    }
    .product-menu-graybg a li .fa{
        font-size: 12px;
    }
    .product-menu-graybg li{
        font-size:9px;
        width:18.5%;
    }
    .color-box span{
        margin: 4px 10px;
    }
    .degreephots-controls{
        top:20px;
    }
    .apout-cont{
        padding:25px 0px;
    }
    .net-price b{
        font-size: 15px;
    }
    .price-wight-box h2{
        font-size:14px;
    }
    .price-wight-box p{
        font-size: 12px;
    }

    .mobileview-cro{
        display:block;
    }

    .desltopview-crocl{
        display:none;
    }

    input[type="text"]:focus {
        width:500px;
    }
    .nav-mobileview .navbar-light{
        width:100%;
    }
    .navbar-light .navbar-toggler{
        margin:12px 0px 0px 30px;
        float:right;	
    }

    .tvslogo img{
        width:38%;
        margin-top: 15px !important;
    }
    .logo img{
        width:100%;
    }
    .logosubtext{
        margin-top: -66px;
        margin-left: 40%;
    }
    .nav-mobileview .dropdownmenu{
        margin-top: 34px;
    }
    .dropdownmenu .nav-item{
        margin:0px 0px !important;
    }

    .nav-mobileview .nav-item a{
        text-align:left;
    }
    .dropdown-toggle::after {
        margin-top: 10px !important;
    }
    .nav-mobileview .dropdown-menu.show, .nav-mobileview #navbarResponsive{
        left:-5px !important;
    }
    .nav-mobileview .dropdown-item {
        padding:10px 20px !important;
    }
    .carousel-item{
        min-height:0px;
        height:27vh;
    }
    .ramkay-apout{
        font-size:14px;
    }
    .tabbable-line .nav-tabs li{
        font-size: 12px;
    }
    .tabbable-line .nav-tabs li{
        padding: 9px;
    }
    .moretap .redbox:hover{
        background: #ca252c !important;
        padding: 8px 18px;
        margin: -14px;	
        margin-top: -2px;
        border: 1px solid #fff;
        color: #fff !important;
    }

    .moretap{
        padding:0px 13px !important;
    }
    .moretap a{
        font-size:11px;
        margin-top:4px;
    }
    .ratingcont p{
        font-size: 12px;
    }
    .service-cont h1{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .ratingcont .service-cont .redtext{
        font-size:15px;
        margin-bottom: 0px !important;
        margin-top: 5px;
    }

    .divider {
        display:none;
    }
    .map h2{
        font-size: 16px;
    }
    .map .redtext{
        margin-top:12px !important;
        margin-right:5px !important;
    }
    .service-cont-img .responsiveimg{
        width:90% !important;
    }
    .justclick-cont h1{
        font-size: 22px;
    }
    .justclick-cont p{
        line-height: 13px;
        margin-top: 3px;
        font-size: 13px;
    }
    #carouselExampleIndicators1 .carousel-item{
        height: 194px !important;
    }
    #testimonial .carousel-item{
        height: 170px !important;
    }
    #testimonial .carousel-caption{
        font-size:13px;
    }
    #testimonial .carousel-caption h3{
        font-size:18px;
    }
    .footermenu h2{
        font-size:17px;
    }
    .soi-icon{
        margin-top: -57px;
    }
    .footer-cont{
        margin-bottom:0px;
        padding-bottom:0px;
    }
}
@media only screen and (max-width: 754px) {
    .mian-menu{
        margin-top:19%;
    }
    .navbar-light .navbar-toggler{
        margin:12px 0px 0px 30px;

    }
    .dropdownmenu{
        float:left !important;
    }
    .footer-mobileview .footermenu h2{
        font-size:14px;
    }
    .footer-mobileview .footermenu{
        width:80%;
    }
    .footer-cont .footer-nav li{
        float:left; 	
        font-size:13px;
        padding:0px 5px;
    }
    .soi-icon li a{
        font-size:18px;
        margin-top:-26px;
    }
}

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

    .custom-control{
        margin-left:-12%;
    }
    .more_btn{
        float:left;
        margin-top:0px !important;
    }
    .more_btn .redtext{
        font-size:11px !important;
    }
    .tabbable-line .nav-tabs li{
        padding: 9px 24px !important;
    }
    .vehicle-type{
        width:100%;
    }
    .red-dropdown{
        width:100%;
    }
    .product-menu-gray{
        padding:0px;
    }
    .product-menu-gray li{
        margin-bottom:20px;
    }
    .product-menu-graybg li{
        width:47%;
        font-size:15px;
    }
    .product-menu-graybg a li .fa{
        font-size:20px;
    }
    #specification .bulu-hedding{
        font-size:20px;
    }
    .bulu-hedding{
        font-size:25px;
    }
    .logo{
        margin-top:-40px;
    }
    .logosubtext{
        margin-top: 14px;
        margin-left: 0%;
    }
    .nav-mobileview .tvslogo img{
        width: 27%;
    }
    .nav-mobileview .tvslogo{
        margin-top:-60px;
    }

    .mobilemenu #wrap{
        margin-top:20px;
        right:40%;
    }

    input[type="text"]:focus{
        width:300px;
    }
    .dropdown-menu{
        margin-top:165px;
        margin-left:0px;
    }
    .carousel-item{
        height:48vh;
    }
    .ramkay-apout{
        display:none;
    }
    .section{
        padding:15px 0px;
    }
    .tabbable-line .nav-tabs li{
        padding:9px 29px;
    }
    .menu-cont .box-cont{
        width:50%;
    }
    .d-none{
        display:block !important;
    }
    #testimonial-carousel .carousel-caption{
        right:9%;
        left:9%;
    }
    #testimonial-carousel .carousel-caption p{
        font-size:14px;
    }
    .tabbable-line .nav-tabs a{
        font-size:16px;
        margin-top: 4px;
        display: block;
    }
    .tabbable-line .nav-tabs a img{
        width:25%;
    }
    .service-cont-img img{
        display:none;
    }
    .moretap .redbox:hover{
        padding: 2px 10px;
    }
    .moretap .redbox:hover{
        margin:-14px !important;
        margin-top: -2px !important;
    }
    .soi-icon{
        margin-top:-27px !important;
    }
}

@media only screen and (max-width: 667px) {
    #degree .apout-cont{
        text-align:left;
    }
    .logo{
        width:69%;
        margin-top:0px;
    }
    .mobilemenu{
        z-index:999999;
    }

    .tvslogo img{
        width: 23%;
        margin-top:19px !important;
    }
    .dropdown{
        padding:3px 16px;
    }
    .dropdown-menu{
        margin-top: 140px;
    }
    .carousel-item{
        height: 38vh;
    }
    .ramkay-apout{
        display:none;
    }
    .redtext .redtext{
        margin-right:10px;
    }
    .section{
        padding:15px 0px;
    }
    .tabbable-line .nav-tabs li{
        padding: 9px 29px;
    }
    .tabbable-line .nav-tabs a img{
        width:19px;
    }
    .tabbable-line .nav-tabs a{
        font-size:14px !important;
    }
    .moretap{
        padding:0px 30px !important
    }
    .moretap .redbox:hover{
        padding: 2px 28px;
        margin: -31px !important;
        margin-top: -31px;
        margin-top: -2px !important;
    }
    .tab-content{
        margin-bottom:0px;
    }

    /*edit on 9.1.2018 start*/
    .ratingcont-main .box-cont{
        width: 50%;
    }
    .oval-rating .service-pers-img{
        margin-top:27px;
    }
    /*edit on 9.1.2018 end*/


    #ratingbar h2, .service-cont h1{
        font-size: 20px;
    }
    .ratingcont p{
        font-size:10px;
    }
    .service-cont-img img{
        display:none
    }
    .soi-icon{
        margin-top:-30px !important;
    }
}
@media only screen and (max-width: 640px) {
    .red-dropdown .dropdown-toggle::after{
        margin-top:6px !important;
    }
    .logosubtext{
        width:200px;
    }	
    .logo{
        width:80%;
    }
    .nav-mobileview .dropdownmenu{
        margin-top: 38px;
    }
    .bulu-bg .nav-item{
        margin:0px !important;

    }
    .nav-mobileview .nav-item a{
        text-align:left;
    }
    .dropdown-menu{
        margin-top: 143px !important;
    }
    .dropdown-menu .dropdown-item{
        padding:10px 20px !important; 
    }
    .ramkay-apout{
        display:none;
    }
    .section{
        padding:10px;
    }
    #ratingbar h2{
        font-size:27px;
    }
    .service-cont h1{
        font-size:30px;
    }
    .redtexthedding{
        margin-bottom:10px !important;
    }

    .ratingcont .service-cont .redtext{
        margin: 2% 0px;
        margin-bottom: 5px !important;
    }
    .service-cont-img{
        display:none;
    }
    .map h2{
        font-size: 20px;
    }
    .justclick-cont h1{
        font-size:25px;
    }
    .redtexthedding {
        font-size:14px;	
    }
    .redtexthedding b{
        font-size:14px;
    }
    .soi-icon{
        margin-top: -25px !important;
    }
}
@media only screen and (max-width: 568px) {
    .red-dropdown .dropdown-menu{
        margin-top: 19px !important;
    }
    .product-menu-graybg li{
        font-size: 15px;
    }
    .product-menu-graybg a li .fa{
        font-size:20px;
    }
    .color-box{
        width: 20%;
        float: left;
        margin-left: 23px;
    }
    .price-wight-box h2{
        font-size:20px;
    }
    .price-wight-box p{
        font-size:15px;
    }
    .red-dropdown{
        width:100% !important;
    }
    .mobilemenu{
        width:20% !important;
    }
    .nav-mobileview .dropdown-toggle::after{
        margin-top:-10px !important
    }
    .carousel-item{
        height: 56vh;
    }
    .soi-icon{
        margin-top: -61px !important;
    }
}

@media only screen and (max-width: 360px) {
    /*Edited on 10-01-2018-start....................................................*/
    .tap_one a span, .tap_two a span{
        font-size:20px;
    }
    #scooter_tap{
        padding:0px 30px !important;
    }
    .tap_two #scooter_tap{
        padding:0px 50px !important;
    }
    /*Edited on 10-01-2018-end....................................................*/

    .more_btn{
        padding:0 !important;
    }
    .soi-icon li a{
        margin-top:-10px !important;	
    }

    .tabbable-line .nav-tabs a{
        display:block;
        padding:5px 0px;
    }

    .nav-mobileview .dropdownmenu .nav-item a{
        padding:10px !important;
    }
    .tab-content{
        margin: 20px 0px;
        margin-top:40px;
    }
    .nav-mobileview .navbar-nav .nav-item{
        border-bottom: 1px solid;
        border-image: linear-gradient(45deg, #2d6eff, #fb565d) 20;
        margin-left:-10px !important;
    }
    .nav-mobileview .soci-link a .fa{
        font-size:25px;

    }
    .nav-mobileview .soci-link{
        margin:0px !important;
    }
    .margin-one{
        margin-top:-1px;
    }
    .moretap .redbox .active{
        background: #ca252c !important;
        padding: 5px 22px;
        margin: -33px !important;
        margin-top: -33px;
        margin-top: -1px !important;
        margin-top: -2px;
        border: 1px solid #fff;
        color: #fff !important;
    }
    .showroom{
        width:100% !important;
    }
    .showroom span{
        margin-bottom:0px;
    }
    .showroom span p{
        margin-bottom:0px;
    }
    .showroom span p span{
        color:#fff;
    }
    .showroom p{
        font-size:14px !important;
    }
    .showroom strong{
        font-size:15px !important;
    }
    .ramkay-apout{
        display:none;
    }
    #ratingbar h2{
        font-size:24px;
    }
    .ratingcont p{
        font-size:14px;
    }
    .service-cont h1{
        font-size:27px !important;
    }
    .ratingcont .service-cont .redtext{
        margin: 2%;
    }
    .ratingcont .service-cont .redtext{
        margin-bottom:0px !important;
        text-align:center;
    }
    .service-cont-img{
        display:none;
    }
    .map h2{
        font-size:18px;
    }
    .justclick-cont h1{
        font-size:27px;
    }
    .news-event-hedding{
        font-size: 15px !important;
    }
    .redtexthedding b{
        font-size:13px;
    }
    .redtexthedding a{
        font-size:14px;
    }
    .news-videos{
        padding-left:10px !important;
    }
    #news-event .redtexthedding{
        margin-bottom:0px !important;
    }
    input[type="text"]:focus{
        width:180px !important;
    }
    .mobilemenu #wrap{
        right: 37%;
        margin-top:15px !important;
    }
    .footer-mobileview .footermenu h2{
        font-size: 14px !important;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .footer-cont .footer-nav li{
        font-size:12px !important;
    }

    .navbar-light .navbar-toggler{
        margin:5px 0px 8px 30px;
    }
    .news-event-cont p{
        text-align:left;
        font-size:12px;
    }
    .section{
        padding: 10px 0px;
    }
    .nav-mobileview .nav-item a{
        padding: 0px 11px;
    }
    .tabbable-line .nav-tabs li{
        padding:5px;
    }
    .tabbable-line .nav-tabs a img{
        width:12% !important;
        margin:5px;
    }
    .moretap a{
        margin:0px !important;
        text-align: center;
        display: block;
        padding:4px 0px;
    }

    .footer-cont{
        padding-bottom:10px;
    }
    .mian-menu{
        margin-top:47% !important;
    }
    .carousel-control-next, .carousel-control-prev{
        width:15%;
    }
    .news-event-cont .carousel-control-next, .news-event-cont .carousel-control-prev{
        width:100%%;
    }
    .carousel-item{
        height: 140px; !important;
        min-height:auto !important;
    }
    .carousel-caption{
        bottom:0px;
    }
    .d-none{
        display:block !important;
    }
    .moretap a{
        margin-bottom:18px;
    }
    .mobilemenu #wrap{
        margin-top:22px;
        right:22%;
    }
    .mobilemenu{
        width:30%;
        z-index:99999;
    }
    .logo{
        width:50%;
    }
    .logo img{
        width:80%;
    }
    .nav-mobileview .dropdown-toggle::after{
        margin-top:-10px;
    }
    .nav-mobileview .dropdown-menu.show{
        margin-top: 0px !important;
        margin-left: -1px
    }
    .divider{
        display:none;
    }
    .owl-theme .owl-controls .owl-page span{
        width:8px !important;
        height:8px !important;
    }

    .mobilemenu #wrap{
        margin-top: 22px;
        right: 32%;
    }
    .nav-mobileview .dropdownmenu{
        margin-top:30px;
    }
    .footer-mobileview .soi-icon{
        width: 74% !important;
        margin-top: -28% !important;
        font-size: 18px !important;
    }
    .dropdown{
        padding:3px;
    }
    #carouselExampleIndicators1 .carousel-item{
        height:140px !important;
    }
    #testimonial-carousel .carousel-item{
        height:200px !important;
    }
    #testimonial-carousel .carousel-item p{
        font-size:12px !important;
    }
    #testimonial-carousel .carousel-item h3{
        font-size:15px !important;
    }
    #testimonial-carousel .carousel-caption{
        right: 14%;
        left: 14%;
    }
    .logo img{
        width:75%;
        float:left;
        margin-left:10px;
    }
    .logosubtext{
        margin-left:134px !important;
    }
    .navbar-brand img {
        margin-left:12px !important;
    }

    .nav-mobileview .dropdownmenu{
        margin-top:25px;
    }
}


@media only screen and (max-width: 575px) {
    .dropdown-toggle::after{
        margin-left:100%;
    }
    .navbar-light .navbar-toggler{
        margin: 12px 0px 8px 30px;
    }
    .dropdownmenu{
        float:left;
        width:50%;
    }
}

@media only screen and (max-width: 500px) {
    .mian-menu{
        margin-top:30% !important;
    }
    .topnav{
        width:380px;
    }
}
@media only screen and (max-width: 414px) {
    /*Edited on 13-03-2018-start....................................................*/
    .service-btn{
        font-size: 14px;
        width:75%;
        text-align: left;
        margin-bottom: 15px;
        border:none !important;
    }
    .cont-test a.active{
        border:none !important;
    }

    .cont-test a:hover{
        border:none !important;
    }
    .custom-control button{
        font-size:8px;
    }

    /*Edited on 13-03-2018-end....................................................*/

    /*Edited on 10-01-2018-start....................................................*/
    .tap_one a span, .tap_two a span{
        font-size:20px;
    }
    #scooter_tap{
        padding:0px 45px;
    }
    .tap_two #scooter_tap{
        padding:0px 65px;
    }
    /*Edited on 10-01-2018-end....................................................*/

    /*Edited on 26-12-2017-start....................................................*/
    #color-selete .tabbable-line .nav-tabs li{
        float:left;
        width:20%;	
    }

    .color-box{
        margin:0px;
    }

    #color-selete{
        margin-left:2%;
        margin-right:2%;
    }
    /*Edited on 26-12-2017-end....................................................*/

    .more_btn{
        text-align:center;
        width:100%;
        margin:auto !important;
    }
    .nav-tabs .more_btn li{
        font-size: 13px !important;
        float: none;
        text-align: center;
        margin: auto;
        padding: 10px 157px !important;
    }


    .red-dropdown .dropdown-menu.show{
        transform: translate3d(0px, 57px, 0px) !important;
    }
    #degree .apout-cont{
        text-align:left;
    }
    .degreephots-controls{
        top:15px;
    }
    .product-menu-gray{
        padding-left:0px;
    }
    .product-menu-gray li{
        margin-bottom:20px;
    }
    .product-menu-graybg li{
        width:47%;
        font-size:11px;
    }

    .vehicle-type{
        width:100%;
    }
    .dropdownmenu{
        width:100%;
    }
    .nav-mobileview .tvslogo{
        float: right;
        margin-top: -6px;
        margin-right: 10px;
    }
    .nav-mobileview .tvslogo img{
        width:30%;
        margin-top: -29px !important;
    }
    .dropdown-toggle::after{
        margin-top:-10px !important;		
    }

    /*Edited stare date  15.12.2017*/
    .carousel-item{
        height: 80vh;
    }
    /*Edited end date 15.12.2017*/

    .tabbable-line .nav-tabs a img{
        width: 13% !important;
    }
    .margin-one{
        margin-top:-1px;
    }
    .moretap .redbox .active{
        padding: 2px 79px;
        text-align: center;
        display: block;
        margin: -31px !important;
        margin-top: -31px;
        margin-top: -50px;
        margin-top: -2px !important;
    }

    .ratingcont-main .box-cont{
        width:100%;
    }

    .ratingcont p{
        font-size:15px;
    }
    .service-cont h1{
        font-size:27px !important;
    }
    .justclick-cont h1{
        font-size:22px;
    }
    #testimonial-carousel .carousel-caption p{
        font-size:11px;
    }
    #testimonial-carousel .carousel-caption{
        padding:0px;
    }
    .footer-mobileview .soi-icon{
        margin-top: -19% !important;
    }
    .logosubtext{
        font-size: 10px;
        width:40%;

    }
    .mian-menu{
        margin-top:40% !important;
    }
    .d-none{
        display:block !important;
    }
    input[type="text"]:focus {
        width:180px !important;
    }
    .service-cont h1{
        font-size:40px;
    }
    .nav-mobileview .logo{
        width:71%;
    }

    .mobilemenu{
        width:30% !important;
        z-index:99999;
    }
    .mobilemenu #wrap{
        right: 50%;
        margin-top: 23px;
    }
    .logosubtext p{
        font-size: 10px;
        float: left;
        margin-left: -32px;
        margin-top: 7px;
        line-height: 10px;
    }
    .navbar-brand img{
        width:65%;
        margin-left:20px;
        margin-top:15px;
    }
    .bulu-bg .nav-item{
        margin:0px !important;
    }
    .nav-mobileview .nav-item a{
        text-align:left;
    }

    .nav-mobileview .nav-item .dropdown-item{
        padding:10px 30px;
    }

    .nav-mobileview .dropdownmenu{
        margin-top:25px;
    }

    .dropdown-menu.show{
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .dropdown-menu .box-cont{
        width:70%;
    }
    .dropdown-item .menu-cont{
        margin:0px;
    }
    .footer-mobileview .footermenu{
        float:left;
        padding:0px;

    }
    .footer-mobileview .soi-icon{
        width:50%;
    }
    .footer-mobileview .footermenu h2{
        font-size:18px;
    }
    .footer-cont .footer-nav li{
        padding:0px 5px !important;
    }
    .footer-mobileview .soi-icon{
        width: 60%;
        margin-top: -28%;
        font-size: 24px;
    }
    .footer-mobileview .footer-cont{
        padding-bottom:5px;
    }
    .showroom{
        width:50%;
    }
    .showroom strong{
        font-size:12px;
    }
    .showroom p{
        font-size:11px;
    }
    .redtexthedding b{
        font-size:12px;
    }
}
@media only screen and (max-width: 414px) {
    .color-box{
        width: 18%;
    }
    .color-box p{
        margin-left:10px;
    }
}
@media only screen and (max-width: 375px) {
    /*Edited on 10-01-2018-start....................................................*/
    .tap_one a span, .tap_two a span{
        font-size:20px;
    }
    #scooter_tap{
        padding:0px 28px !important;
    }
    .tap_two #scooter_tap{
        padding:0px 50px !important;
    }
    /*Edited on 10-01-2018-end....................................................*/

    /*edit on 9.1.2018 start*/
    .oval-rating .service-pers-img{
        margin-top: 26px;	
    }
    /*edit on 9.1.2018 end*/
    .nav-tabs .more_btn li{
        padding: 10px 146px !important;
        font-size:11px !important;
    }
    .product-menu-graybg li{
        font-size:10px;
    }
    .color-box p{
        margin-left:10px;
    }
    .color-box{
        width: 18%;
    }
    .product-menu-gray li a{
        padding: 0px 15px;
    }
    .navbar-brand img{
        width: 65%;
        margin-left: 11px;
        margin-top: 15px;
    }
    .degreephots-controls{
        top: 20px;
    }
    #degree .apout-cont{
        text-align:left !important;

    }
    .logosubtext p{
        margin-left: -32px !important;

    }
    .logosubtext{
        width: 60%;
        font-size: 10px;
        float: left;
        margin-left: 143px !important;
        margin-top: -61px !important;
        line-height: 11px !important;
    }
    .nav-mobileview .tvslogo{
        margin-top: -7px !important; 
    }
    input[type="text"]:focus{
        width:180px !important;
    }
    .footermenu{
        float:left;
    }
    .footer-mobileview .soi-icon{
        margin-top:-29% !important
    }
    .dropdown-toggle::after{
        margin-top:-10px !important;
    }
    .dropdown-menu{
        margin-top: 0px !important;
    }
    .nav-mobileview .dropdown-menu.show{
        margin-left:0px !important;
    }
    .tabbable-line .nav-tabs a img{
        width:12% !important;
    }
    .tabbable-line .nav-tabs a{
        font-size:14px !im;
    }
    .moretap a{
        font-size:13px !important;
    }
    .margin-one{
        margin-top:-1px !important;
    }
    .moretap .redbox .active{
        padding: 3px 138px;
        float: left;
    }
    .moretap .redbox .active{
        margin:-14px;
    }
    .tab-content{
        margin-bottom:0px;
    }
    #ratingbar h2{
        font-size: 20px;
    }
    .service-cont h1{
        font-size:20px !important;
    }
    .redtexthedding{
        margin-bottom:0px !important;
    }
    .ratingcont .service-cont .redtext{
        margin-right:10px;
    }
    .justclick-cont h1{
        ont-size: 22px;
    }
    #testimonial-carousel .carousel-item p{
        font-size: 12px !important;
    }
    #testimonial-carousel .carousel-caption{
        padding:0px;
    }
    #testimonial .carousel-caption h3{
        font-size:15px !important;
    }
    #testimonial-carousel .carousel-control-next, #testimonial-carousel .carousel-control-prev{
        top: 43px;
    }

    .footer-mobileview .soi-icon{

    }
}




@media only screen and (max-width: 384px) {
    /*Edited on 10-01-2018-start....................................................*/
    .tap_one a span, .tap_two a span{
        font-size:20px;
    }
    #scooter_tap{
        padding:0px 35px;
    }
    .tap_two #scooter_tap{
        padding:0px 50px;
    }
    /*Edited on 10-01-2018-end....................................................*/

    .nav-tabs .more_btn li{
        padding: 10px 148px !important;
    }
    .logosubtext{
        width: 100%;
        margin-top:-63px;
        margin-left: 134px;
    }
    .logosubtext p{
        margin-left: -10px;
    }
    .footer-mobileview .soi-icon{
        margin-top: -28% !important;
    }
    .mian-menu{
        margin-top:47% !important;
    }
    .d-none{
        display:block !important;
    }
    .service-cont h1{
        font-size:40px;
    }
    .dropdown{
        padding:0px 10px;
    }
    .nav-mobileview .dropdown-toggle::after{
        margin-top:-10px;
    }
    .dropdown-menu.show{
        margin-top: 134px;
    }

    #carouselExampleIndicators .carousel-item{
        height:500px;
        min-height:0px;
    }
    #carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev{
        width:14%;
    }
    #carouselExampleIndicators .carousel-caption{
        bottom:0px;
    }
    .divider{
        display:none;
    }
    #testimonial-carousel .carousel-item p{
        font-size:14px;
    }
    #testimonial-carousel .carousel-caption{
        right: 14%;
        left: 14%;
    }
    .soi-icon li a{
        margin-top:0px;
    }
}

@media only screen and (max-width: 480px) {
    .tabbable-line .nav-tabs li{
        width:100%;
    }
    .four-menu .menu-cont{
        width:100%;
    }

    .four-menu .box-cont h3{
        font-size:25px;
    }
    .four-menu .box-cont p{
        font-size:14px;
    }
    .four-menu .menu-cont .box-cont{
        width:80%;
    }
    .four-menu .menu-cont .circul{
        width:50px;
        height:50px;
    }

    .d-none{
        display:block !important;
    }
}
@media only screen and (max-width: 480px){
    .logo{
        margin-top:-60px;
    }
    .mobilemenu{
        z-index:99999;
    }
    input[type="text"]:focus{
        width:250px;
    }

    .nav-mobileview .dropdown-toggle::after{
        margin-top:-10px;
    }
    .dropdown-menu{
        margin-top:195px;
        margin-left:-5px;
    }
    .menu-cont .box-cont{
        width:50%;
    }
    .menu-cont{
        margin:0px;
    }
    #carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev{
        width:15%;
    }
}
@media only screen and (max-width: 320px) {
    /*Edited on 10-01-2018-start....................................................*/
    .tap_one a span, .tap_two a span{
        font-size:20px;
    }
    #scooter_tap{
        padding:0px 13px !important;
    }
    .tap_two #scooter_tap{
        padding:0px 30px !important;
    }
    /*Edited on 10-01-2018-end....................................................*/

    .more_btn{
        padding:0 !important;
    }

    .nav-tabs .more_btn li{
        padding: 10px 126px !important;
        font-size: 11px !important;
    }
    .color-box{
        width: 18%;
        float: left;
        margin-left: 18px
    }
    .product-menu-graybg li{
        font-size: 13px;
    }
    .price-wight-box h2{
        font-size: 17px;
    }
    .price-wight-box p{
        font-size: 15px;
    }
    .product-menu-gray li a{
        padding: 0px 10px;
    }
    .product-menu-graybg li{
        width:43%;
    }
    .degreephots-controls-left{
        left:27%;
    }
    .degreephots-controls-right{
        right: 27%;
    }	
    .degreephots-controls{
        top:5px;
    }
    .nav-mobileview .tvslogo{
        margin-top: -2px !important;
    }

    .main-nav{
        margin-top:17%;
    }
    .topnav{
        width:330px;
    }
    .mian-menu{
        margin-top:42% !important;
    }
    .tvslogo img{
        float:left;
    }
    .tabbable-line .nav-tabs li{
        width:100%;
    }

    .d-none{
        display:block !important;
    }
    #testimonial .carousel-caption{
        font-size:18px;
    }
    #carouselExampleIndicators1 .carousel-control-next, #carouselExampleIndicators1 .carousel-control-prev{
        width:100%;
    }
    #carouselExampleIndicators1 .carousel-control-prev .carousel-control-prev-icon{
        margin-left:63%;
    }
    input[type="text"]:focus {
        width:235px;

    }
    .moretap a{
        margin-bottom:20px;
    }
    .service-cont h1{
        font-size:40px;
    }
    .mobilemenu #wrap{
        right:45%;
    }
    .nav-mobileview .logo{
        width:100%;
    }
    .logosubtext{
        float: left;
        margin-left: 136px !important;
        margin-top: -61px !important;
        line-height: 11px !important;
    }
    .logo img{
        width:76%;
        margin-top:10px;
    }
    .nav-mobileview .tvslogo img{
        float:right;
        width:32%;
        margin-top: -25px !important;
    }
    .moretap .redbox .active{
        padding: 5px 120px;
        text-align: center;
        display: block;
        margin: -31px !important;
        margin-top: -2px !important;
    }
    .nav-mobileview .dropdownmenu{
        margin-top:38px;
    }
    .nav-mobileview .navbar-nav .nav-item{
        padding:3px;
    }
    .nav-mobileview .dropdown-menu.show{
        margin-top: 127px !important;
        margin-left:-5px;
    }
    .dropdownmenu .box-cont p{
        font-size:11px;
    }
    .dropdownmenu .box-cont h3{
        font-size:15px;
    }
    .dropdownmenu	.box-cont{
        margin-top:17px;
    }
    .footer-cont .footer-nav li{
        font-size:12px;
    }
    .footer-mobileview .soi-icon{
        margin-right:-20px;
        margin-top:-39% !important;
    }
    .soi-icon li a{
        padding:0px 5px;
    }
    .footer-mobileview .footermenu h2{
        font-size:14px;
    }
    .logo  img{
        width:60%;
    }
    .logosubtext p{
        margin-top:6px;
    }

