@media (min-width: 1200px){.emailtop{padding-left: 20px;}.dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms;}#portfolio .row{margin-left:-10px;margin-right:-10px;}}
@media (min-width: 992px) and (max-width: 1199px) {.emailtop{padding-left: 10px;}.dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms;}.navbar-nav>li{margin-left:10px;}.navbar-collapse{padding-left:0;padding-right:0;}.recent-work-wrap .recent-work-inner h3 a{font-size:20px;}.recent-work-wrap .overlay{padding:15px;}.services-wrap{padding:40px 10px 40px 10px;}.feature-wrap h2,.single-services h2{font-size:18px;}.feature-wrap h3,.single-services h3{font-size:14px;}.tab-wrap .media .parrent.pull-left{clear:both;width:100%;}.tab-wrap .media .parrent.media-body{clear:both;}#portfolio .row{margin-left:-10px;margin-right:-10px;}.recent-work-wrap .overlay .preview{line-height:inherit;}.team-bar .first-arrow{width:21%;}.team-bar .second-arrow{width:20%;}.team-bar .third-arrow{width:21%;}.team-bar .fourth-arrow{width:20%;}ul.social_icons li{margin-right:0;}}
@media (min-width: 768px) and (max-width: 991px) {.emailtop{padding-left: 20px;}.dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms;}.navbar-collapse{padding-left:0;padding-right:0;}.navbar-nav>li{margin-left:0;}#main-slider .carousel h1{font-size:25px;}#main-slider .carousel h2{font-size:20px;}.tab-wrap .media .parrent.pull-left,.media.accordion-inner .pull-left{clear:both;width:100%;}.tab-wrap .media .parrent.media-body,.media.accordion-inner .media-body{clear:both;}.services-wrap{padding:40px 0 40px 30px;}.recent-work-wrap .overlay{padding:15px;}.recent-work-wrap .recent-work-inner h3 a{font-size:20px;}.sinlge-skill{width:150px;height:150px;}.sinlge-skill p em{font-size:25px;}.sinlge-skill p{font-size:16px;}.team-bar .first-one-arrow{width:2%;}.team-bar .first-arrow{width:18%;}.team-bar .second-arrow{width:24%;}.team-bar .third-arrow{width:15%;}.team-bar .fourth-arrow{width:20%;}.blog .blog-item .entry-meta>span a{font-size:10px;}}
@media (max-width: 767px) {.sparesdiv img {max-width: 150px;}.container>.navbar-header,.container>.navbar-collapse{margin-left:0;}.top-number{font-size:14px;}input.search-form:hover{width:120px;}.navbar-nav>li{padding-bottom:0;}#main-slider .carousel h1{font-size:25px;}#main-slider .carousel h2{font-size:16px;}.feature-wrap h2,.single-services h2{font-size:18px;}.feature-wrap h3,.single-services h3{font-size:14px;}.media.accordion-inner .pull-left,.media.accordion-inner .media-body{clear:both;}.accordion-inner h4{margin-top:10px;}.tab-wrap .media .pull-left{clear:both;width:100%;}.tab-wrap .media .media-body{clear:both;}.nav-tabs>li.active>a:after{display:none;}#footer .col-sm-6{text-align:center;}#footer .pull-right{float:none!important;}.sinlge-skill{margin:0 auto;margin-top:30px;margin-bottom:30px;}.team .single-profile-top,.team .single-profile-bottom{margin-bottom:30px;}.clients-area{padding:60px 0;}.clients-area h1{font-size:25px;}.portfolio-item,#recent-works .col-xs-12.col-sm-4.col-md-3{padding:0 15px;}ul.social_icons li{margin-right:0;}.blog .blog-item .entry-meta{margin-bottom:20px;}.blog .blog-item .blog-content h3{margin-bottom:20px;}.post_reply_comments{padding-left:20px;}}
@media (max-width: 480px) {.sparesdiv img {max-width: 150px;}}


/*custom css*/
.carousel-content h1{color: #fff; font-size: 42px; padding: 5px 0;}
.textcontent{background: #fff; border:1px solid #f2f2f2; padding: 30px 15px; line-height: 30px;  text-align: left; font-size: 16px;}
.textcontent h3{padding-top: 10px; font-size:18px; text-transform:none!important;}
.mtless{margin-top: -60px;}

.readmore a{color: #fff;}
.readmore:hover a{color: #0075BA;}
.readmore:after{
    content: "\f0da";
    font-family: FontAwesome;
    padding-left: 10px;
    transition: 0.5s linear;
}
.top-number i{color: #000;}
/*.readmore:hover:after{
    padding-left: 15px;
}*/

.footer-links{padding: 30px 0; background: #000; color: #EBEBEB;}
.footer-links p{padding: 2px 0;}
.footer-links h3{color: #fff; padding-bottom: 10px;}
.footer-links ul li{padding: 3px 0;}
.footer-links ul li a{color: #C2C8CD;}
.footer-links ul li a:hover{color: #fff; text-decoration: underline;}
.footer-links ul li i{padding-right: 10px;}


/*go to top*/
#top-link-block.affix-top {
   position: absolute; /* allows it to "slide" up into view */
   bottom: -82px;
   left: 10px;
}
#top-link-block.affix {
   position: fixed; /* keeps it on the bottom once in view */
   bottom: 40px;
   right: 10px;
   z-index: 999999;
}


.servimgicon{width: 100px; height: 90px; margin-top: 10px;}
.error{color: red; font-size: 13px;}
.fullwidth{width: 100%;}
.gallerytxt{color: #4e4e4e; margin-top: -30px; margin-bottom: 40px;}

.mynavbar {
    text-align:center;
}
.mynavbar .nav {
    float:none;
}
.mynavbar .nav li {
    display:inline-block;
    float:none;
    margin:0 10px;
    vertical-align:middle;
}

.h2{text-align: center; color: #333; padding-bottom: 20px;}
.ulist ul{list-style-type: none; margin-left: -40px;}
.ulist ul li{font-size: 15px; color: #5F5F5F;}
.ulist ul li:before{
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 16px;
    transition: 0.5s linear;
}
#footer a{color: #0075BA;}

/* floating box style */
.floating-form {
        max-width: 270px;
        padding: 10px;
        font: 13px Arial, Helvetica, sans-serif;
        background: #F9F9F9;
        border: 1px solid #ddd;
        right: 10px;
        position: fixed;
        box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
        -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
        -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
        z-index: 9999;
    }
.contact-opener {
        position: absolute;
        left: -107px;
        transform: rotate(-90deg);
        top: 100px;
        /*background-color: #216288;*/
        padding: 9px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
        cursor: pointer;
        border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
        -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
        -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
        background-color: #E43F3F;
        font-size: 16px;

}
.contact-opener1 {
    position: absolute;
    left: -100px;
    transform: rotate(-90deg);
    top: 300px;
    background-color: #216288;
    padding: 8px 9px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;

}
.floating-form-heading{
        font-weight: bold;
        /*font-style: italic;*/
        border-bottom: 2px solid #ddd;
        margin-bottom: 10px;
        font-size: 20px;
        color: #0075BA;
        padding-bottom: 3px;
}
.floating-form label{
        display: block;
        /*margin: 0px 0px 15px 0px;*/
}
.floating-form label > span{
        /*width: 70px;*/
        font-weight: bold;
        float: left;
        padding-top: 8px;
        /*padding-right: 5px;*/
}
.floating-form span.required{
        color:red;
}
.floating-form .tel-number-field{
        width: 40px;
        text-align: center;
}
.floating-form  .long{
        width: 100%;
}
.floating-form input.input-field{
        width: 100%;
   
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out; 
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #C2C2C2;
        box-shadow: 1px 1px 4px #EBEBEB;
        -moz-box-shadow: 1px 1px 4px #EBEBEB;
        -webkit-box-shadow: 1px 1px 4px #EBEBEB;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 7px;
        outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
        border: 1px solid #0C0;
}
.floating-form .textarea-field{
        height:100px;
        width: 100%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
        background-color: #0075BA;
        /*border: 1px solid #17445E;*/
        display: inline-block;
        cursor: pointer;
        color: #FFFFFF;
        border: none;
        padding: 8px 18px;
        text-align: center;
        text-decoration: none;
        font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,.contact-opener {
        /*background: linear-gradient(to bottom, #E43F3F 5%, #337DA8 100%);*/
        background-color: #E43F3F;
        font-size: 16px;
}
.floating-form .success{
        background: #D8FFC0;
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 5px 0px;
        border: none;
        font-weight: bold;
        color: #2E6800;
        border-left: 3px solid #2E6800;
}
.floating-form .error {
        background: #FFE8E8;
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 5px 0px;
        border: none;
        font-weight: bold;
        color: #FF0000;
        border-left: 3px solid #FF0000;
}




/*services tab*/
.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #C52D2F;
    color: #fff;  
}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #C52D2F; }
.nav.nav-justified > li > a > img { 
    max-width: 100%; 
    opacity: .3; 
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img { 
    opacity: 1; 
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tab-pane .tab-inner { padding: 30px 0 20px; }

@media (min-width: 768px) {
    .nav.nav-justified > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}

/*services tab*/




/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
}

#myCarousel{padding: 0 40px 30px 40px;}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.p0{padding: 0;}
.sparesdiv img{padding: 0 0px; display:block; margin:0px auto;}
/*.textcontent:hover h4{color: #0075BA;}*/
.spare-lists{margin-bottom: 20px;}
.spare-lists{border: solid #ccc 1px; padding: 0 10px;}
.spare-lists img{padding: 30px 50px; width: 100%; text-align: center;}
/*.spare-lists p{font-size: 15px;}*/
.spare-lists span{font-weight: bold;}
.adaptordiv{border-bottom: solid #ccc 1px; padding: 20px 0;}
.adaptordiv h4{text-transform: uppercase; font-size: 20px; color: #333;}

.adaptordivmain{border-bottom: solid #ccc 1px; margin-bottom: 20px; padding-bottom: 30px;}
.adaptordivmain img{width: 100%;}
.adaptordivmain h4{color: #0075BA; font-weight: bold; text-transform: uppercase; line-height: 30px;}

.ramdiv{background: #EBEBEB; padding: 30px 0;}
.ramdiv img{padding: 30px 150px; width: 100%;}
.copyright{margin-top: 20px;}