.grid1_of_3 p,
body {
    font-family: 'Open Sans', sans-serif
}

.grid1_of_3 img,
.slider_img img {
    display: inline-block
}

.ads_nav li a:hover,
.f_nav li a:hover,
.soc_icons ul li a:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .7
}

.form-control,
.form-control:focus {
    box-shadow: none
}

body {
    background: #fff;
    font-size: 100%
}

.wrap {
    margin: 0 auto;
    width: 80%
}

.my_search,
.navbar-nav {
    margin-top: 2%
}

.header_bg {
    background-size: 100%;
    background-color: #E0E0E0
}

.breadcrumb {
    background: 0 0;
    padding-top: 3%
}

.breadcrumb>.active {
    color: #00f
}

.breadcrumb li,
.breadcrumb li a {
    font-size: 17px;
    color: #354B77;
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn,
.menu li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    text-transform: uppercase
}

.breadcrumb li a:hover {
    text-decoration: none;
    color: #F15F43
}

.header {
    background: #fff;
    padding: 0
}

.h_right {
    float: right;
    width: 72%
}

.navbar-nav {
    margin-left: 10%
}

.navbar-brand {
    line-height: 25px
}

.menu li a.active,
.menu li.active a {
    background: 0 0;
    color: #F15F43;
    border-bottom: 2px solid #F15F43
}

.menu li a {
    font-size: 16px;
    color: #354B77;
    border-radius: 0;
    font-weight: 700;
    padding-top: 5px;
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
    transition: all .3s ease-in-out
}

.menu li a:focus {
    background: 0 0!important
}

.menu li a:hover,
.menu li.active a:hover {
    background: 0 0;
    color: #F15F43;
    border-bottom: 2px solid #F15F43
}

ul.dropdown-menu li a:hover {
    border-bottom: none
}

.dropdown-menu>li>a {
    text-transform: uppercase;
    color: #354B77!important;
    border: none!important
}

.dropdown-menu>li>a:hover {
    color: #F15F43!important
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: 0 0!important;
    border: none!important
}

li.dropdown:focus {
    outline: 0!important;
    background: 0 0!important
}

.btn,
.btn_style {
    outline: 0;
    color: #fff
}

.navbar-toggle {
    background-color: #354B77;
    border: 1px solid transparent
}

.navbar-toggle .icon-bar {
    background-color: #fff
}

.my_search input[type=text] {
    color: #2C3547;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    padding: 18px 14px;
    font-size: 13px
}

.btn {
    background: #F15F43;
    padding: 9px 28px;
    margin: .2em 0 0;
    line-height: 20px;
    border: none;
    transition: all .3s ease-in-out
}

.btn_style,
.span1_of_4 span a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.btn:hover {
    color: #fff;
    background: #354B77
}

.slider_text h2,
.slider_text h3 {
    color: #000;
    text-transform: capitalize
}

.slider {
    margin-top: 2%;
    padding-left: 315px;
    margin-bottom: 2%
}

.slider_text h2 {
    font-size: 5em;
    font-weight: 600;
    line-height: 1.2em;
    border: solid #fff;
    border-radius: 15px
}

.slider_text h3 {
    font-size: 3.6em;
    font-weight: 100
}

.main {
    background: 0 0
}

.grids_of_3 {
    text-align: center;
    padding: 1% 2%
}

.grid1_of_3 h2 {
    text-transform: uppercase;
    color: #FFA62F;
    font-size: 20px;
    font-weight: 700
}

.grid_1_of_1 h3,
.grid_1_of_12 h3 {
    font-weight: 400;
    text-transform: uppercase
}

.grid1_of_3 p {
    font-size: 15px;
    line-height: 1.8em;
    color: #434C5E;
    margin-bottom: 20px
}

.grid1_of_3 img {
    margin: 4% 0
}

.btn_style {
    font-size: 14px;
    background: #FFC20E;
    padding: 12px 30px;
    line-height: 20px;
    text-transform: uppercase;
    border: none;
    transition: all .3s ease-in-out;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

.images_1_of_1 p,
.images_1_of_2 p,
.images_1_of_3 p {
    text-align: center;
    font-size: 5em;
    color: #fff;
    line-height: 66px;
    margin: 0
}

.btn_style:hover {
    background: #8B4513
}

.grids_btm {
    padding: 4% 0
}

.grid_list {
    display: block
}

.grids_btm.top {
    padding: 4% 0;
    border-top: 1px ridge #f1f1f1;
    border-bottom: 1px ridge #f1f1f1
}

.images_1_of_1,
.images_1_of_2 {
    padding: 4%;
    width: 24%;
    float: left
}

.images_1_of_1 {
    background: gray
}

.images_1_of_2 {
    background: #82CAFA
}

.images_1_of_3 {
    width: 24%;
    float: left;
    background: #157DEC;
    padding: 4%
}

.grid_1_of_1,
.grid_1_of_12 {
    width: 76%;
    background: #FFDA71;
    padding: 4%;
    float: left
}

.grid_1_of_1 h3 {
    color: #354B77;
    font-size: 1.8em;
    line-height: 31px;
    margin: 0
}

.grid_1_of_1 p {
    font-size: 14px;
    line-height: 1.8em;
    color: #434C5E
}

.grid_1_of_12 h3 {
    color: #354B77;
    font-size: 1.8em;
    line-height: 31px;
    margin: 0
}

.grid_1_of_12 p {
    font-size: 16px;
    line-height: 1.8em;
    color: #434C5E
}

/* overview of DOSERs */

.grid_1_of_100 {
    width: 20%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue white blue blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 20%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue white blue white;
    border-style: solid;
}

.grid_1_of_102 {
    width: 20%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue blue blue white;
    border-style: solid;
}
.grid_1_of_103 {
    width: 20%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange white orange white;
    border-style: solid;
}
.grid_1_of_104 {
    width: 20%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange orange orange white;
    border-style: solid;
}

.imagespecif {
    width: 75%;
    padding: 1px;
}

/* overview of DOSERs */

/* features of DOSER */

.grid_1_of_105 {
    width: 33.33%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    }
    .grid_1_of_105 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_106 {
    width: 33.33%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
     }
     .grid_1_of_106 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_107 {
    width: 33.33%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
   }
   .grid_1_of_107 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
/* features of DOSER */

.footer_bg {
    background: #f9f9f9
}

.footer {
    padding: 1% 0
}

.span1_of_4 h4 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #354B77;
    margin-bottom: 3%
}

.span1_of_4 h5 {
    font-size: 1.5em;
    text-transform: capitalize;
    color: #354B77;
    margin-top: 8%
}

.span1_of_4 p,
.span1_of_4serv p {
    font-size: 14px;
    color: #354B77;
    line-height: 1.5em
}

.span1_of_4 p {
    margin-top: 0
}

.span1_of_4serv p {
    margin-top: 5px
}

.span1_of_4serv h4 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #354B77;
    margin-bottom: 3%
}

.span1_of_4 p.top {
    margin-top: 4%
}

.span1_of_4 span a {
    border-bottom: 1px dashed #ebe9e9;
    padding-bottom: 4px;
    margin-top: 8%;
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    color: #434C5E;
    transition: all .3s ease-in-out
}

.span1_of_4 span a:hover {
    text-decoration: none;
    color: #F15F43
}

.f_nav li {
    display: inline-block;
    margin: 0 8px 8px 0
}

.f_nav li a {
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f_nav li a img {
    background: #fff;
    padding: 5px;
    border: 1px solid #eee
}

.f_nav li a:hover {
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.faq-page-content {
    float: left;
    width: 100%
}

.faq-page-content h4 {
    font-family: Verdana;
    font-size: 1.5em;
    line-height: 2em;
    margin: 0;
    text-transform: uppercase;
    color: #555
}

.faq-page-content h3,
.faq-page-content ul li p,
.faq-page-content ul li p a,
.faq-page-content ul li span {
    font-family: 'Roboto Condensed', sans-serif
}

.faq-page-content ul {
    padding-bottom: 5px
}

.faq-page-content ul li span {
    width: 5%;
    float: left;
    font-size: 3em;
    color: #555
}

.faq-page-content ul li p {
    color: #888;
    font-size: 1em;
    padding: 6px 0 20px;
    line-height: 1.5em
}

.faq-page-content ul li p a {
    font-size: 1.3em;
    color: #555;
    display: block;
    margin-bottom: 10px
}

.faq-page-content ul li p a:hover {
    color: #ABC492
}

.faq-page-content h3 {
    font-size: 2em;
    line-height: 2em;
    margin: 0;
    text-transform: uppercase;
    color: #FFA62F
}

.copy p,
.para,
.parab,
.paraservice {
    line-height: 1.8em
}

.faq-page-content ul li {
    display: block;
    border-bottom: 1px dashed rgba(192, 192, 192, .33);
    background: url(../images/marker.png) 0 15px no-repeat;
    padding: 9px 13px 8px 23px
}

.faq-page-content ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 2px 0 5px;
    transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
    text-decoration: underline
}

.faq-page-content-box {
    padding-top: 20px
}

a:hover {
    color: #FFA62F
}

.footer_btm {
    background: #f3f3f3
}

.footer1 {
    padding: 1% 2% 1% 0
}

.blog,
.features,
.features2 {
    padding: 4% 2%
}

.soc_icons ul li {
    display: inline-block;
    margin-left: 10px
}

.soc_icons ul li:first-child {
    margin-left: 0
}

.soc_icons ul li a {
    display: block;
    width: 42px;
    height: 42px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px
}

.blog_left img,
.feature img,
.feature2 img {
    width: 100%
}

.soc_icons ul li a.icon1 {
    background: url(../images/icons.png) 18px 10px no-repeat #39579D
}

.soc_icons ul li a.icon2 {
    background: url(../images/icons.png) -12px 10px no-repeat #02B3E9
}

.soc_icons ul li a.icon3 {
    background: url(../images/icons.png) -44px 10px no-repeat #DB4A39
}

.soc_icons ul li a.icon4 {
    background: url(../images/icons.png) -78px 10px no-repeat #EA4C89
}

.soc_icons ul li a.icon5 {
    background: url(../images/icons.png) -112px 10px no-repeat #5A872A
}

.soc_icons ul li a:hover {
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.copy p a,
.feature a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.copy {
    margin-top: 10px
}

.copy p {
    color: #434C5E;
    font-size: 13px
}

.feature a,
.feature2 a {
    font-size: 16px;
    font-style: bold;
    text-transform: capitalize
}

.copy p a {
    color: #F15F43;
    transition: all .3s ease-in-out
}

.copy p a:hover {
    color: #434C5E;
    text-decoration: none
}

.features_list1 {
    margin-top: 4%
}

.feature p {
    margin-top: 8%
}

.feature a {
    display: block;
    color: #FFC20E;
    transition: all .3s ease-in-out
}

.blog_left h4 a,
.feature2 a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    display: block
}

.feature a:hover {
    text-decoration: none;
    color: #354B77
}

.features2_list1 {
    margin-top: 4%
}

.feature2 p {
    margin-top: 8%
}

.feature2 a {
    color: #FFC20E;
    transition: all .3s ease-in-out
}

.feature2 a:hover {
    text-decoration: none;
    color: #354B77
}

.blog_img {
    margin-top: 5px
}

.blog_img1 {
    margin-top: 6%
}

.blog_left h4 a {
    margin: 4% 0 2%;
    color: #354B77;
    transition: all .3s ease-in-out
}

.ads_nav li a,
.tag_nav li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.blog_left h4 a:hover {
    text-decoration: none;
    color: #F15F43
}

.blog_right h4 {
    margin: 0 0 4%;
    color: #354B77;
    text-transform: capitalize
}

.ads_nav li {
    float: left;
    width: 48.3333%;
    margin-left: 3.33333%;
    margin-bottom: 10px
}

.contact-form input[type=submit],
.news_letter form input[type=submit] {
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    float: right;
    cursor: pointer;
    outline: 0
}

.ads_nav li a img,
.img_style img {
    width: 100%
}

.ads_nav li:first-child,
.ads_nav li:nth-child(3) {
    margin-left: 0
}

.ads_nav li a {
    display: block;
    transition: all .3s ease-in-out
}

.ads_nav li a:hover {
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.tag_nav {
    margin: 8% 0
}

.tag_nav li {
    margin: 10px 5px 0 0;
    display: inline-block
}

.tag_nav li a {
    display: block;
    text-transform: capitalize;
    background: #E7E7E7;
    color: #5F5F5F;
    font-size: 13px;
    padding: 8px 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .3s ease-in-out
}

.company_ad p a,
.news_letter form input[type=submit] {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.tag_nav li a:hover {
    background: #354B77;
    color: #fff;
    text-decoration: none
}

.news_letter {
    margin: 8% 0
}

.news_letter form input[type=text] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    padding: 10px;
    display: block;
    width: 100%;
    background: #fff;
    outline: 0;
    color: #555;
    font-size: 13px;
    border: 1px solid #DADADA;
    -webkit-appearance: none
}

.news_letter form input[type=submit] {
    margin-top: 4%;
    border: none;
    display: inline-block;
    padding: 12px 30px;
    font-size: 13px;
    color: #fff;
    background: #354B77;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .3s ease-in-out
}

.news_letter form input[type=submit]:hover {
    background: #F15F43
}

.about {
    padding: 4% 2%
}

.img_style {
    margin-top: 10px
}

.about h4 {
    color: #354B77
}

.para {
    font-size: 13px;
    color: #434C5E
}

.paraservice {
    font-size: 13px;
    color: #2B547E
}

.parab {
    font-size: 17px;
    color: #2B547E
}

.parafeatures {
    font-size: 16px;
    line-height: 1.6em;
    color: #2B547E
}

.company_ad h2,
.contact_info h2 {
    font-size: 26px;
    color: #354B77;
    text-transform: uppercase
}

.about_p {
    padding: 10px;
    margin-top: 2%
}

.read_more {
    margin: 3% 0 2%
}

.contact {
    padding: 2%
}

.company_ad p {
    font-size: 13px
}

.company_ad p a {
    color: #F15F43;
    transition: all .3s ease-in-out
}

.company_ad p a:hover {
    text-decoration: none;
    color: #354B77
}

.contact-form h2 {
    font-size: 26px;
    text-transform: uppercase;
    color: #354B77
}

.contact-form span {
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    color: #9499A3;
    font-weight: 400;
    margin-bottom: 10px
}

.contact-form textarea {
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    display: block;
    width: 99.3333%;
    background: #fff;
    outline: 0;
    color: silver;
    font-size: .8725em;
    border: 1px solid #ECECEC;
    -webkit-appearance: none;
    resize: none;
    height: 120px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.contact-form textarea:focus {
    border: 1px solid #66afe9
}

.form-control {
    border: 1px solid #ECECEC
}

.contact-form input[type=submit] {
    margin-top: 20px;
    border: none;
    display: inline-block;
    padding: 12px 30px;
    font-size: .8925em;
    color: #fff;
    background: #F15F43;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-form input[type=submit]:hover {
    background: #354B77
}

.details {
    padding: 2%
}

.details img {
    margin-bottom: 2%
}

@media only screen and (max-width:1440px) and (min-width:240px) {
    .wrap {
        width: 95%
    }
   
}
@media only screen and (max-width:1200px) {
    .navbar-nav {
    margin-left: 4%;
}
.menu li a {
    font-size: 14px;
    color: #354B77;
    border-radius: 0;
    font-weight: 700;
    padding-top: 5px;
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
    transition: all .3s ease-in-out
}
}

@media only screen and (max-width:1100px) {
    .navbar-nav {
    margin-left: 1%;
}
}

@media only screen and (max-width:1024px) {
    .logo img {
        width: 60%
    }
    .h_right {
        width: 80%
    }
    .nav>li>a {
        padding: 4px 6px
    }
    .slider_text h2 {
        font-size: 4em
    }
    .slider_text h3 {
        font-size: 2.5em
    }
    .navbar-nav {
        margin-left: 0
    }
    .span1_of_4 h4 {
        font-size: 2em
    }
    .images_1_of_1 p {
        line-height: 90px
    }
    .slider {
        padding-left: 53px;
        padding-top: 13px;
        margin-top: 0
    }
         /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}

.imagespecif {
    width: 25%;
    padding: 1px;
}

/* overview of DOSERs */
.navbar-nav {
    margin-left: 2%;
}
}
@media only screen and (max-width:970px) {
    .navbar-nav {
    margin-left: 0%;
}
}

@media only screen and (max-width:928px) {
    .slider {
        padding-left: 53px;
        padding-top: 38px;
        margin-top: 0
    }
            /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}
.menu li a {
    font-size: 12px;
    color: #354B77;
    border-radius: 0;
    font-weight: 700;
    padding-top: 5px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 0px;
    transition: all .3s ease-in-out
}
.imagespecif {
    width: 25%;
    padding: 1px;
}

/* overview of DOSERs */
}

@media only screen and (max-width:768px) {
    .fixed-nav-bar {
        position: relative!important;
        top: auto
    }
    .header_bg {
        background-size: 100% 100%
    }
.menu li a {
    font-size: 14px;
    color: #354B77;
    border-radius: 0;
    font-weight: 700;
    padding-top: 5px;
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
    transition: all .3s ease-in-out
}
    .menu li a:hover,
    .menu li.active a,
    .menu li.active a:hover {
        border-bottom: 2px solid #FFF
    }
    .slider_text h2 {
        font-size: 2.8em
    }
    .slider_text h3 {
        font-size: 2em
    }
    .breadcrumb {
        padding: 4% 2% 2%
    }
    .grid1_of_3 img {
        margin: 0
    }
    .grid_list {
        margin: 2% 0
    }
    .images_1_of_1 p {
        line-height: 66px
    }
    .span1_of_4 h4 {
        margin-bottom: 1%;
        margin-top: 2%
    }
    .span1_of_4 h5 {
        margin-top: 2%
    }
    .span1_of_4 p.top,
    .span1_of_4 span a {
        margin-top: 1%
    }
    .copy p,
    .footer1 {
        text-align: center!important
    }
    .feature p {
        margin-top: 0
    }
    .feature a {
        margin-bottom: 4%
    }
    .blog_right {
        margin-top: 4%
    }
    .contact-form input[type=submit] {
        margin: 15px 0
    }
    .slider {
        padding-left: 0
    }
        /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}

.imagespecif {
    width: 40%;
    padding: 1px;
}

/* overview of DOSERs */
}

@media only screen and (max-width:640px) {
    .fixed-nav-bar {
        position: relative!important;
        top: auto
    }
    .navbar-toggle {
        margin-top: 18px
    }
    .slider_text h2 {
        font-size: 2.5em
    }
    .slider_text h3 {
        font-size: 1.8em
    }
    .navbar-collapse {
        max-height: 402px
    }
    a.dropdown-toggle {
        border: none!important
    }
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background: 0 0
    }
    .slider {
        padding-left: 0
    }
      /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}

.imagespecif {
    width: 40%;
    padding: 1px;
}

/* overview of DOSERs */
}

@media only screen and (max-width:480px) {
    .fixed-nav-bar {
        position: relative!important;
        top: auto
    }
    .slider_text h2 {
        font-size: 2em
    }
    .slider_text h3 {
        font-size: 1.2em
    }
    .grid_1_of_1 h3 {
        line-height: 24px
    }
    .grid_1_of_1 p {
        font-size: 13px;
        line-height: 1.5em
    }
    .images_1_of_1 p {
        font-size: 5em;
        line-height: 1.44em
    }
    .breadcrumb {
        padding: 4% 2% 0
    }
    .slider {
        padding-left: 0
    }
     /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}

.imagespecif {
    width: 50%;
    padding: 1px;
}

/* overview of DOSERs */

/* features of DOSER */

.grid_1_of_105 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    }
    .grid_1_of_105 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_106 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
     }
     .grid_1_of_106 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_107 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
   }
   .grid_1_of_107 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}

/* features of DOSER */
}

@media only screen and (max-width:320px) {
    .fixed-nav-bar {
        position: relative!important;
        top: auto
    }
    .slider_text h2 {
        font-size: 2.4em
    }
    .slider_text h3 {
        font-size: 1.5em
    }
    .slider_img img {
        width: 50%
    }
    .grid1_of_3 {
        margin-top: 30px
    }
    .grid1_of_3 h2 {
        font-size: 26px
    }
    .grid_1_of_1 h3 {
        font-size: 1.2em
    }
    .images_1_of_1 p {
        font-size: 3em;
        line-height: 60px
    }
    .hide {
        display: none
    }
    .grid_1_of_1 {
        padding: 2%
    }
    .breadcrumb li,
    .breadcrumb li a {
        font-size: 12px
    }
    .span1_of_4 {
        margin-top: 20px
    }
    .span1_of_4 span {
        margin: 10px 0
    }
    .slider {
        padding-left: 0
    }
    .menu li a {
    font-size: 14px;
    color: #354B77;
    border-radius: 0;
    font-weight: 700;
    padding-top: 5px;
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
    transition: all .3s ease-in-out
}

    /* overview of DOSERs */

.grid_1_of_100 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_101 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}

.grid_1_of_102 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: blue;
    border-style: solid;
}
.grid_1_of_103 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange;
    border-style: solid;
}
.grid_1_of_104 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    border-color: orange ;
    border-style: solid;
}

.imagespecif {
    width: 65%;
    padding: 1px;
}

/* overview of DOSERs */

/* features of DOSER */

.grid_1_of_105 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
    }
    .grid_1_of_105 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_106 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
     }
     .grid_1_of_106 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
.grid_1_of_107 {
    width: 100%;
    float: left;
    background: white;
    padding: 1% 1% 1% 2%;
   }
   .grid_1_of_107 p {
    font-size: 17px;
line-height: 1.55em;
    color: #434C5E;
        text-align: center;
}
/* features of DOSER */
}

.fixed-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: auto;
    background-color: #fff
}