@charset "utf-8";
/* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}



@media (max-width: 1599px) {

    .design:before {
    width: 21% !important;
}
    .design:after {
    left: 20.9%;
}
}



@media (max-width: 1069px) {
.design:after {
    left: 24.9%;
}
.design:before {
    width: 25% !important;
}
}

@media (max-width: 1024px) {
.design:after {
    left: 17.9%;
}
.design:before {
    width: 18% !important;
}
}




@media (max-width: 999px) {
   a.navbar-brand {
    margin-top: -35px;}

.design:before {
   
    width: 350px;
    
}

.design:after {
    left: 17.9%;
}
}

@media screen and (max-width: 990px) and (min-width: 768 px) {

.design:after {
    left: 25.9%;
}
.design:before {
    width: 26% !important;
}
.side{ display: none; }


}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {


article.sub-services {
    padding: 3px 15px;
    background: #ffffff;
    margin-bottom: 14px;
}

    section.langauge-tech {
    display: none;
}
ul.list-inline.bradcoms {
    width: 100%;}


    ul.flot-l {
    width: 100%;
    float: none;
}

ul.number-box.list-inline li {
    /* background: #000; */
    padding: 2px;
    text-align: center;
    width: 93px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .12);
    border-radius: 17px;
    margin: 23px 0px;
}
h3.timer.count-title.count-number {
    font-size: 17px;
}

.plaming-caption{margin-bottom: 24px;}
.testi-box:before{    width: 87%;}
.testimonials .item p {
    color: #fff;
    /* padding: 18px 50px; */
       padding: 15px 22px;
    text-align: justify;
}
.testimonials .item p:before{top: 0px;
    left: 1px;}
 
    a.navbar-brand {
    width: 197px;
}
.service-sec {
    float: none;
    width: 100%;
}

form#commentfrm {
    padding: 0px;
}

li.nav-item {
    background: #12118947;
    margin-bottom: 2px;
    padding: 4px 17px;
    font-weight: bold;
}
article.contct-form-home{    padding: 10px 13px;}
.greeting-clint {
    border: 4px solid #646464;
    padding: 6px 26px;
}
.our-clint{padding: 50px 0px;}
.dropdown-menu.show {
    padding: 0;
    border: 1px solid #fff;
}
.page-contant-hare h1, h2, h3, h4, h5, h6 {
    font-size: 20px;
    color: #121189;
    font-weight: 700;
    margin: 10px 0;
}
.slider-caption {
    margin-top: 0px;
}
p.heading {
    font-size: 19px;
}
a.navbar-brand {
    margin-top: inherit;
    width: 79px;}
.main-header {
    border-top: 3px solid #121189;
}

.box {
    margin-bottom: 51px;
}
li.title {
    margin-bottom: 19px;
    margin-top: 19px;
    background: #55d99e;
    font-style: italic;
    padding: 4px 8px !important;}
.centeredBox {
    font-size: 16px;
}

.top-header {
    display: none;
}

.d-n {
    display: none;
}

.progress-container {
    display: none;
}
img.size-img {
    height: inherit;
    width: 100%;
}

.disclamer.text-center {
    padding: 23px 10px;
    background: #f6f6f6;
}

.blog-img-hare {
    height: inherit;
    width: 100% !important;
}
.dropdown-menu.mega-menu.show {
    margin: auto;
    width: 100%;
}

}

@media (max-width: 643px) {

}

@media (max-width: 480px) {


}

/* Mobile devices */
@media (max-width: 359px) {

}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
    (-o-min-device-pixel-ratio: 5/4),
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 120dpi) {

}

@media print {

}
