@charset "UTF-8";
/*
Theme Name: i-customerservicenumber
Author URI: https://wordpress.org/
Version: 1.1
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
::selection {
    background: #d95f14 !important;
    color: #ffffff !important;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
	
}
.comment-author img {
    width: auto !important;
}
a:hover{ text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}
/**************navigation************************/

.navbar-inverse {background-color: #ffffff;border-color: #080808;margin: 0px;padding: 0px;}
.menu-css ul li {width: 33%;float: left;padding-bottom: 10px;border: solid 1px #cccccc7a;padding: 10px;margin: 1px;text-align: center;}  
.menu-css ul li:hover { background: #ed6d62; color: white; text-decoration: none; }
.menu-css ul li:hover a{color: #fff; text-decoration: none;} 
.menu-css2 ul { float: left;width: 100% ; margin: 0px !important;}
.menu-css2 ul li { list-style: none !important; width: 49%;float: left;padding-bottom: 10px;border: solid 1px #cccccc7a;padding: 10px;margin: 1px;/* margin-bottom: 4px; */text-align: center;}   
.navbar-brand > img {margin-top: -7px;}
.navbar-header { padding: 5px 0px;}
.navbar-nav>li>a {padding-top: 20px;padding-bottom: 20px;}

/*******************home header*********************/
.homeheader h1{font-weight: bold;font-size: 40px; margin-top: 0px;color:  #000;    margin-bottom: 20px;}
.homeheader h2{font-size: 22px;margin-bottom: 35px;}
.search-number input{height: 60px;font-size: 17px;padding: 0 .75rem;line-height: 1.5rem;}
.search-number button {height: 60px;background: #00a9ea;width: 70px; border: none !important;}
.search-number span {font-size: 22px;color: #fff;}
.search-number button:hover, .search-number button.active {
    height: 60px;
    background: #00a9ea;
    width: 70px;
}
.btn-default.focus, .btn-default:focus,.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{background: #00a9ea!important;outline: none !important;}
.call-number {
    background: url(images/call-icon.png) no-repeat left 8px;
    float: right;
    padding-left: 44px;
    color: #ab0101;
    position: relative;
    left: 0px;
}
.call-number span {
    display: block;
    color: #4c4c4c;
    margin-top: 4px;
    letter-spacing: 0px;
    font-size: 13px;
}
.call-number a {
    color: #ab0101;
    font-size: 25px;
    text-decoration: none;
    font-weight: bold;
}

.searchBox{width:40%;margin:0 auto;}
/****************************/

/**********page heading start******************/
.page-heading{
    text-align:center;
    margin-bottom:40px;
}

.page-heading h2{
    text-transform: capitalize;
    font-size:30px;
    font-weight:bold;
    margin-bottom:14px;
}

.page-heading .heading-line{
    width:50px;
    margin:0px auto;
}

.page-heading p{
    width:65%;
    margin:0 auto;
    font-size:18px;
}
.page-heading .heading-line {
    border-color: #ed6d62;
    border-width: medium;
}

.page-heading .heading-line {
    width: 50px;
    margin: 0px auto;
}
/**********page heading end******************/

/*------------------------------
     FOOTER AREA
-------------------------------*/
.contact-form-area {
    height: 0;
}
.footer-area {
    position: relative;
}
.dark-bg {
    background: #1e262c;
    color: #ffffff;
}
.section-padding {
    padding: 37px 0;
}
.footer-area {
    position: relative;
}

.footer-area-bg {
    background: rgba(0, 0, 0, 0) url("images/footer-bg-layer.png") no-repeat scroll center bottom;
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}

.contact-form-area {
    height: 0;
}

.footer-area a {
    color: #fff;
}

.footer-area a:hover {
    color: #ed6d62;
}

.footer-logo {
    margin-bottom: 20px;
}

.flick-feed {
    margin-top: 40px;
}

.flick-feed ul li {
    display: inline-block;
    float: left;
    margin-right: 4%;
    width: 20%;
}

.flick-feed ul li:last-child {
    margin-right: 0;
}

.footer-area h4 {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
	border-bottom: 2px solid #ff8a00 !important;
    padding-bottom: 20px;
    width: 60%;
}

.contact-details li {
    margin-bottom: 10px;
    min-height: 40px;
    padding-left: 40px;
    position: relative;
}

.contact-details li .f_contact_icon {
    font-size: 18px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}

.footer-list li,
.footer-menu li {
    float: none;
    margin-bottom: 0px;
    min-height: 40px;
    width: 50%;
    list-style: none;
}

.footer-list li a,
.footer-menu li a {
    position: relative;
}

.footer-menu li a::before,
.footer-menu li a::after {
    background: #ff8a00 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    margin-right: 15px;
    position: relative;
    top: -1px;
    width: 10px;
}

.footer-menu li a::after {
    background: #ff8a00 none repeat scroll 0 0;
    float: left;
    left: 0px;
    position: absolute;
    top: 1px;
}

.footer-list li a i {
    background: #fff none repeat scroll 0 0;
    color: #2e2e2e;
    display: inline-block;
    font-size: 24px;
    height: 30px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: center;
    width: 30px;
}

.footer-bottom-area {
    background: #171e24 none repeat scroll 0 0;
    color: #fff;
}

.footer-copyright {
    padding: 20px 0 8px;
}

.footer-copyright a {
    color: #ffffff;
}

.footer-copyright a:hover {
    color: #ff8a00;
}

.contact-form-area .modal-header {
    background: #ff8a00 none repeat scroll 0 0;
    letter-spacing: 2px;
    text-align: center;
}

.contact-form-area .modal-header h4 {
    color: #fff;
    margin-bottom: 0;
}

.contact-form .form-control {
    border: 1px solid #ff8a00;
    border-radius: 0;
    color: #ff8a00;
    font-size: 15px;
    height: auto;
    margin-bottom: 20px;
    max-height: 150px;
    padding: 10px;
}

.contact-form button {
    background: #060606 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 10px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.contact-form button:hover {
    background: #ff8a00 none repeat scroll 0 0;
    color: #2e2e2e;
}
ul.social-bookmark li {
    display: inline;
}

ul.social-bookmark li a {
    border: 1px solid;
    border-radius: 50%;
    color: #ccdae9;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    padding-top: 8px;
    width: 40px;
    text-align: center;
}

ul.social-bookmark li a:hover {
    background: #ff8a00 none repeat scroll 0 0;
    border-color: #ff8a00;
    color: #fff;
}

ul.social-bookmark {
    margin-top: 20px;
}
/*************************/
.paddtb30 {
    padding: 30px 0px;
}
.paddtb50 {
    padding: 50px 0px;
}
.jumbotron{ margin:0px; }


/*********Other***********/
.gray {background: #eaeeef none repeat scroll 0 0;}
/************contact form Start*************************/
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background: #F9F9F9;
  padding: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 23px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}

#contact fieldset {
  border: medium none !important;
  margin: 0 0 2px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact input[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #00a9ea;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contact .copyright {
  text-align: center;
    background: #4CAF50 !important;
        color: #FFF!important;;
    border-top: none;
}
#contact p
{
    margin: 0px !important;
    line-height: 20px;
}
#contact .copyright a{
  font-size: 25px !important;
    color: #fff !important;
    line-height: 40px;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
}

#contact .wpcf7-not-valid
{
border: solid 1px red !important;
}
#contact .wpcf7-not-valid-tip
{
    display: none;
}
.ajax-loader
{
position: absolute !important;
left: 143px!important;
/* top: 3px; */
margin-top: 13px!important;
}
/************contact form end*************************/
/************inner header start *************************/
.inner-header{position: relative;margin-top: 61px;padding: 20px 0px;}
.inner-header:before{background: url(https://onlineairlinesbooking.com/wp-content/uploads/2020/03/banner.jpg) center center no-repeat;background-size:cover;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;z-index: 2;}
.inner-header h1{color: #fff;margin:0px;margin-bottom: 20px; text-shadow: 3px 2px 3px #656565;}
.inner-header .container{z-index: 4; position: relative;}
.inner-header .air_cen_cont{width: 100%;display: flex;align-items: center;}
.inner-header .contact-details li {margin-bottom: 0px;min-height: 30px;padding-left: 40px;position: relative;}
.inner-header .contact-details li .f_contact_icon { font-size: 18px;    height: 40px;left: 0;position: absolute;text-align: center;top: 0;width: 40px;color: #fff}
.inner-header .contact-details li p {color: #fff; margin: 0px;}
.inner-header .contact-details li a {color: #fff}
.inner-header-second .air_cen_cont{height: 200px; text-align: center;}
/************inner header end *************************/
/************inner content Start *************************/
.inner-content h2{font-size: 21px; margin-top: 0px;    margin-bottom: 15px;}
.inner-content h3 {    font-size: 19px;margin-top: 0px;margin-bottom: 15px;}
.inner-content p{color: #757575}
.inner-content .contentPage ul {
    margin-left: 30px;
    margin-bottom: 10px;
}
.inner-content .contentPage ul li {
    margin-bottom: 5px;
    list-style: disc; 
    list-style-position: inherit;
}
.inner-content .contentPage .list{
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border: solid 1px #cccccc7a;
    padding: 10px;
    margin-bottom: 5px;
    /* margin-bottom: 4px; */
    text-align: left;
}
.inner-content img { width: auto ;}
/************inner content end *************************/
/************sidebar content Start *************************/
.sidebar img
{ 
    width: 100%;
}
.sidebar ul{
 padding: 0px;
 margin: 0px;
}
.sidebar li{
 padding-bottom: 5px;
 font-size: 13px;
    list-style-position: inherit;
    border-bottom: solid 1px #eae9e9;
    padding: 4px 0px;

}
.sidebar li a{ color: #757575;}
#register-newsletter input[name="newsletter"] {
    background: #fff;
    border: 0 none;
    padding: 6px 100px 6px 15px;
    width: 100%;
    border: 1px solid #b8b9bb;
}
#register-newsletter .btn {
    background: #FF690F;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    letter-spacing: 0;
    padding: 0 20px;
    position: absolute;
    right: 0px;
    top: 0;
}
.newsletter-fields {
    position: relative;
}
.sidebar .sd
{
margin-bottom: 20px;
   border: solid 1px #eae9e9;
}
.sidebar .sidebarHead
{
   border-bottom: solid 1px #eae9e9;
    padding: 10px;
    padding-bottom: 10px;
    background: #cccccc52;
}
.sidebar .sidebarContent
{
 
    padding: 10px;
}
.sidebar h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
}
.widget-area{float: left;width: 100%;}
/************sidebar content Start *************************/

/**************************/
.nav-links a ,.nav-links .current
{
        border: 1px solid #e5e5e5;
    display: inline-block;
    text-transform: capitalize;
    /* width: 62px; */
    /* height: 32px; */
    text-align: center;
    /* line-height: 32px; */
    margin-right: 7px;
    color: #777777;
    font-weight: 600;
    /* padding: 5px; */
    padding: 3px 13px
}
.nav-links .current{ color:#fff; background:#ed6d62  }

.post-navigation .screen-reader-text{ display: none; }
.post-navigation .nav-previous{ float: left;  margin-top: 10px;}
.post-navigation .nav-next{ float: right;  margin-top: 10px;}

/*--------------------- MOBILE View Starts Here---------------------*/  /* This is class use for small divice XS   */

@media screen and (max-width: 600px) {
  .menu-css ul li { 
    width: 99%;
    text-align: left;
  }
  .homeheader h1 {font-size: 25px;}
  .homeheader h2 {line-height: 24px;font-size: 17px;}
  .searchBox{width:100%;margin:0 auto;}
  .search-number input,.search-number button{height: 50px;}
  .inner-header h1 {
    font-size: 20px;
    text-align: center;
}
}

/*--------------------- ((((((((((((((MOBILE View Ends Here))))))))))))---------------------*/
/* ------------------------------------------------
    13.***Latest_News_Area Css Start***
------------------------------------------------- */
.latest_news_area{
/*    background: #eaeeef none repeat scroll 0 0;
    margin-top: 100px;*/
}
.single_post{
    margin-top: 42px;
}
.single_post_text {
    padding-left: 200px;
    padding-right: 20px;
}
.post_thumb {
    display: inline-block;
    float: left;
}
.post_text {
    color: #5d5d5d;
    padding-right: 20px;
}
.post_title h3 a {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.HomePage .post_title h3 a {

 font-size: 17px; line-height: 18px;
}
.post_title h4 {
    margin-bottom: 11px;
    margin-top: 9px;
}
.post_title h4 a {
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 400;
}
.post_title h4 a b{
    font-weight: 500;
}
.post_title h4 a span{
    font-weight: 500;
}
.blog_btn {
    margin-top: 20px;
}
.blog_btn a {
    border: 1px solid #d4d6d6;
    color: #000000;
    display: block;
    height: 38px;
    line-height: 35px;
    text-align: center;
    text-transform: capitalize;
    width: 100px;
    font-size: 13px;
}
.section_title h2 span, .slider_text h1 span, .post_title h4 a span, .footer_bottom span, .about_hello_right h3 span, .blog_left_content span, .comment_text h6, .single_recent_text h5 a {
    color: #000;font-weight: 400;
}



/* ---------------------- 16.9- Blog Page ------------------------------ */

.widget.widget_search a {
    color: #ffffff;
    padding: 8px 15px;
    position: absolute;
    right: 15px;
    top: 0;
}
.post_thumb img{
	width:auto !important;
}
.single_blog_detail img
{
width: 100%;
}
.blog_left_content {
    color: #5d5d5d;
}
.blog_left_content b {
    color: #494949;
    font-weight: 500;
}
.blog_left_content span {
    font-weight: 400;
}
.blog_left_content h3 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 38px;
}
.blog_detail_text {
    border-bottom: 1px solid #e5e5e5;
    color: #5d5d5d;
    line-height: 26px;
    text-align: justify;
    padding-bottom: 10px;
}

.pegination {
    float: left;
}
.pegination ul{
    margin-top: 20px;
}
.pegination li {
    border: 1px solid #e5e5e5;
    display: inline-block;
    text-transform: capitalize;
    width: 62px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-right: 7px;
}
.pegination a, .pegination2 a {
    color: #777777;
    font-weight: 600;
}
.share_icon {
    float: right;
    margin-top: 20px;
}
.share_icon li {
    display: inline-block;
    padding-right: 5px;
    text-transform: capitalize;
}
.share_icon a {
    border: 1px solid #e5e5e5;
    color: #777777;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}
.blog_left_comments {
    margin-top: 48px;
}
.comment_img {
    display: inline-block;
    float: left;
}
.comment_text {
    color: #5d5d5d;
    padding-left: 105px;
}
.blog_left_comments h3 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.comment_text h5 {
    color: #323131;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.comment_text h6 {
    font-weight: 300;
    margin: 10px 0;
}
.comment_reply {
    margin-top: 18px;
}
.comment_reply a {
    background: #f44336 none repeat scroll 0 0;
    color: #ffffff;
    padding: 7px 19px;
    text-transform: capitalize;
}
.single_comment {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
}
.contact_form.contact_margin_bottom.blog_page_contact > h3 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 9px;
    margin-top: 57px;
}
.blog_page .contact_form.contact_margin_bottom input {
    width: 46%;
}
.blog_page .contact_form.contact_margin_bottom textarea {
    width: 95%;
}
.blog_page .contact_form.contact_margin_bottom input[type="submit"] {
    width: 140px;
}
.blog_page .submit_btn {
    text-align: left;
}
.blogSearch {
    border: 1px solid #d2d2d2;
    color: #353535;
    padding: 7px 15px;
    position: relative;
    width: 100%;
}
.widget.sidebar_one.common_after.category {
    margin-top: 50px;
    position: relative;
}
.widget.sidebar_one.common_after.category h3 {
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-size: 22px;
    padding-bottom: 13px;
    text-transform: capitalize;
}
.widget.sidebar_one ul{
    margin-top: 10px;
}
.widget.sidebar_one ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
}
.common_after:after{
    background: #f44336 none repeat scroll 0 0;
    height: 1px;
    left: 0px;
    top: 37px;
    width: 101px;
}
.widget.sidebar_one li i{
    color: #474747;
    font-size: 16px;
}
.widget.sidebar_one a {
    color: #565656;
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 16px;
}
.widget.sidebar_one span {
    float: right;
}
.widget.recent_post, .widget.sidebar_two.tag_widget{
    position: relative;
}
.widget.recent_post h3, .widget.sidebar_two.tag_widget h3 {
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 50px;
    padding-bottom: 13px;
    position: relative;
    text-transform: capitalize;
}
.recent_post:after, .tag_widget:after{
    top: 33px!important;
}
.single_recent_post {
    margin-bottom: 42px;
}
.single_recent_img {
  display:block;
  float: left;
}
.single_recent_text {
    padding-left: 116px;
}
.single_recent_text h4 a {
    color: #3e3e3e;
    font-size: 14px;
    line-height: 23px;
}
.single_recent_text > h5 {
    margin-top: 14px;
}
.single_recent_text h5 a {
    font-size: 13px;
    text-transform: uppercase;
}
.widget.sidebar_two.tag_widget li {
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 8px;
    padding: 2px 13px;
}
.widget.sidebar_two.tag_widget li:hover, .pegination2 li:hover{
    background: #f44336;
    border: 1px solid #f44336;
}
.widget.sidebar_two.tag_widget li:hover a, .pegination2 li:hover a{
    color:#fff;
}
.widget.sidebar_two.tag_widget a{
    color:#525252;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}
.blog_left2_page .post_text {
    text-align: justify
}
.blog_left2_page .single_post, .blog_right2_page.single_post {
    margin-bottom: 42px;
    margin-top: 0;
}
.pegination2 {
    margin-top: 90px;
}
.pegination2 li {
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin-right: 7px;
    padding: 3px 13px;
    text-align: center;
    text-transform: capitalize;
}
.common_after:after {
    background: #f44336 none repeat scroll 0 0;
    height: 1px;
    left: 0px;
    top: 37px;
    width: 101px;
}

.recent_post:after, .tag_widget:after {
    top: 33px!important;
}.single_team:after, .team_social_icon a:after, .single_table h2:after, .single_table h2:before, .widget.footer_top_menu li a:after, .mainmenu ul li ul.sub-menu li:after, .all_page_slider_bg:after, .blog_detail_text span:after, .common_after:after, .blog_btn a:after, button::after, .service_detail_inputs::after {
    position: absolute;
    content: "";
}

#comments
{
        float: left;
    width: 100%;
    margin-top: 39px;
}


@media (min-width: 992px) and (max-width: 1199px) {
/* ----------------------------------------------
    *** Home Page ***
----------------------------------------------- */
body, .crsl_two_text, .single_table li, .right_info a, .single_recent_text h4 a, .widget.sidebar_one a, .widget.sidebar_two.tag_widget a{
    font-size: 13px
}
.header {
    margin-top:0px;
}
.with_us_list li, .post_title h4 a {
    font-size: 12px;
}
.seo_btn {
    margin-top: 62px;
}
.post_text {
    padding-right: 0px;
}
.post_title h3 a {
    font-size: 18px;
}
.single_table h1 {
    font-size: 30px;
}
.single_table b {
    left: 55px;
}
.contact_form.contact_margin_bottom input, .contact_form.contact_margin_bottom textarea {
    width: 96%;
}
.blog_page .contact_form.contact_margin_bottom input {
    width: 46%;
}
.blog_page .contact_form.contact_margin_bottom textarea {
    width: 96%;
}
/* ----------------------------------------------
    *** Team-member Page ***
----------------------------------------------- */ 
.single_team_text {
    margin-top: 8px;
}
/* ----------------------------------------------
    *** fAQ Page ***
----------------------------------------------- */ 
.faq_content h2 {
    font-size: 16px;
}
/* ----------------------------------------------
    *** Error Page ***
----------------------------------------------- */
.error_img {
    right: -76px;
}
.error_text input[type="text"] {
    width: 48%;
}
.error_text input[type="submit"] {
    right: -13px;
    top: 224px;
    width: 40px;
}
.error_form form a {
    right: -1px;
    top: 234px;
}
/* ----------------------------------------------
    *** Blog Page ***
----------------------------------------------- */ 
.widget.sidebar_two.tag_widget li {
    padding: 2px 9px;
}
/* ----------------------------------------------
    ***Service-Detail Page ***
----------------------------------------------- */
.service_detail_inputs > h3 {
    width: 171px;
}
}/* End Medium Desktop responsive media query */

/* =================================================================
*   For Tablet 
*   Resolation 970px
================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
/* ----------------------------------------------
    *** Home Page ***
----------------------------------------------- */
body, .post_title h4 a{
    font-size: 13px;
}
.social-bookmark{
    margin-bottom: 40px; 
}
.header {
    margin-top: -24px;
}
.mainmenu ul li ul.sub-menu {
    width: 172px; 
}
.header_top_right {
    font-size: 12px;
}
.slider_text h1 {
    font-size: 35px;
}
.single_service {
    padding: 20px 32px 8px;
}

.with_us_list li {
    font-size: 13px;
    padding: 19px 32px;
}
.with_us_list span {
    display: block;
    float: left;
    margin-top: -26px;
    padding-left: 46px;
}
.seo_btn {
    margin-top: 63px;
}
.single_team {
    max-width: 258px;
    margin-left: 36px;
}
.pricing_area {
    height: 1025px;
}
.single_table h1 {
    font-size: 30px;
}
.single_post_text {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
}
.team_page .seo_need_area{
    margin-top: 20px;;
}
.post_thumb {
    float: none;
}
.post_title h3 a {
  font-size: 18px;
}
.post_text {
    padding-right: 0px;
}
.single_table {
    width: 252px;
    margin-left: 34px;
}
.crsl_two_text, .single_table li {
    font-size: 13px;
}
.contact_form.contact_margin_bottom input {
    width: 95%;
}
.footer .widget h2{
    font-size: 11px;
    font-weight: 600;
}
 .widget.footer_top_menu li a, .widget.widget_text, .footer_bottom {
    font-size: 12px;
}
.contact_form.contact_margin_bottom input[type="submit"]{
    height: 45px;
    width: 125px;
}
/* ----------------------------------------------
    *** Team-member Page ***
----------------------------------------------- */ 
.single_team_text {
    margin-top: 2px;
    max-width: 728px;
    padding: 9px 10px 15px 289px;
} 
.single_team_text h4 {
    margin-bottom: 24px;
}
/* ----------------------------------------------
    *** Error Page ***
----------------------------------------------- */
.error_img {
    bottom: -659px;
}
.error_text input[type="submit"] {
    top: 199px;
    right: 26px;
}
.error_form form a {
    top: 211px;
    right: 38px;
}
.error_text {
    padding-bottom: 0px;
    text-align: center;
}
.error_text input[type="text"] {
    margin-left: 0px;
}
/* ----------------------------------------------
    *** FAQ Page ***
----------------------------------------------- */
.faq_content h2 {
    font-size: 18px;
}
/* ----------------------------------------------
    *** Blog-left-1 Page ***
----------------------------------------------- */
.blog_left_content h3 {
    font-size: 16px;
}
.recent_post::after {
    top: 33px;
}
.blog_page .contact_form.contact_margin_bottom input {
    width: 95%;
}
.widget.sidebar_one a {
    font-size: 12px;
}
.single_recent_text h5 a {
    font-size: 10px;
}
.single_recent_text h4 a {
    font-size: 11px;
}
.widget.recent_post, .widget.sidebar_one.category, .widget.sidebar_two.tag_widget{
    width: 84%;
}
.widget.widget_search {
    width: 68%;
}
.widget.widget_search a {
    right: 44px;
}
.widget.sidebar_two.tag_widget li {
    padding: 2px 12px;
}
.widget.sidebar_two.tag_widget a {
    font-size: 12px;
}
/* ----------------------------------------------
    *** Blog-Right1 Page ***
----------------------------------------------- */
.blog_right1_page .widget.widget_search {
    width: 100%;
}
.blog_right1_page .widget.recent_post, .blog_right1_page .widget.sidebar_one.category, .blog_right1_page .widget.sidebar_two.tag_widget{
    width: 100%;
}
.blog_right1_page .single_blog_detail, .blog_right1_page .blog_left_comments {
    width: 94%;
}
.blog_left2_page .widget.widget_search a {
  right: 45px;
}
.blog_left2_page .single_blog_detail, .blog_right2_page .single_blog_detail {
    margin-top: -30px;
}
.blog_left2_page .post_thumb, .blog_right2_page .post_thumb {
    float: left;
}
.blog_left2_page .single_post_text, .blog_right2_page .single_post_text {
    padding-left: 200px;
    padding-right: 20px;
}
.blog_right1_page .widget.widget_search a {
    right: 8px;
}
/* ----------------------------------------------
    ***Service-Detail Page ***
----------------------------------------------- */
.service_detail_page .widget.widget_search a {
    right: 44px;
}
.service_detail_inputs {
    width: 87%;
}
.service_detail_inputs > h3 {
    width: 154px;
}
.service_detail_inputs input[type="text"], .service_detail_inputs textarea {
    font-size: 11px;
}
}/* End tablet responsive media query */

/*==============================================
*   For Small Mobile:
*   Resolation 0 to 768px
================================================*/

@media only screen and (max-width: 767px) {
    .social-bookmark{
    margin-bottom: 40px; 
}
/* ----------------------------------------------
    *** Home Page ***
----------------------------------------------- */
body, .widget.sidebar_one a, .single_recent_text h4 a{
    font-size: 13px;
}
.section_title h2 {
    font-size: 19px;
}
.mean-container a.meanmenu-reveal span {
    background-color: #11171d;
}
.mean-container a.meanmenu-reveal {
    color: #11171d;
    padding: 11px 15px;
}
.mean-container .mean-nav ul li a.mean-expand {
    font-size: 15px!important;
}
.mean-container .mean-bar {
    background-color: #dddddd;
    height: 80px;
    padding: 0;
    position: relative;
    z-index: 9;
}
.logo {
    position: absolute;
    bottom: -6px;
    z-index: 9999999;
}
.mean-container .mean-nav {
    margin-top: 41px;
    background: #606060
}
.mean-container .mean-nav ul li a.mean-expand {
    background:#606060;
    line-height: 35px;
    padding: 10px !important;
    border: 0 !important;
}
.mean-container .mean-nav ul li a {
    padding: 1.1em 5%;
    font-size: 13px;
    font-weight: 600;
}
.mean-container .mean-nav ul li a.mean-expand:hover{
    background:#606060;
}
.mainmenu a::after {
    content: "";
}
.mainmenu {
    margin-right: 4px;
    float: none;
}
.mainmenu ul li.current a, .mainmenu ul li a:hover{
    color: #f44336;
}
.mainmenu ul li ul.sub-menu li a {
    font-size: 11px;
}
.search-button, .search-box, .header_top_left, .header_top_right{
    display: none;
}
.margin-left-30 {
    margin-left: 0px;
}
.camera_wrap {
    height: 500px!important;
}
.slider_text {
    padding-top: 110px;
    font-size: 13px;
}
.slider_text h1 {
    font-size: 23px;
    line-height: 35px;
}
.slider_btn button, .about_btn button {
    font-size: 11px;
    height: 42px;
    width: 118px;
}
.camera_prev, .camera_next {
    border: 0px solid #606060;
}
.about_right {
    text-align: center;
    margin-top: 22px;
}
.service_area {
    margin-top: 80px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.single_service {
    margin-top: 10px;
}
.with_us_list span {
    display: inline-block;
    padding-left: 28px;
    margin-top: -19px;
}

.about_left {
    text-align: center;
    margin-top: -57px;
}
.crsl_two_text, .single_table li {
    font-size: 13px;
}
.with_us_img img {
    margin-top: 46px;
}
.with_us_list li {
    font-size: 13px;
    padding: 10px;
}
.with_us_list span {
    margin-top: -28px;
}
.single_team {
    margin: 0px auto;
    width: 245px;
}
.seo_need_text {
    text-align: center;
    padding-top: 20px;
    padding-right: 0px;
}
.seo_need_text h3 {
    font-size: 17px;
    margin-top: 30px;
}
.seo_btn {
    padding-bottom: 50px;
    text-align: center;
    float: none;
    margin-top: 0px;;
}
.team_area.section_padding {
    padding: 77px 0px;
}
.client_area {
    padding-bottom: 80px;
    padding-top: 30px;
}
.single_c_crsl {
    margin-top: 10px;
}
.home_page .owl-controls {
    left: 39%;
}
.pricing_area {
    height: auto;
    padding-top: 77px;
}
.single_table h1 {
    font-size: 30px;
}
.single_table {
    margin: 0px auto;
    width: 258px;
    margin-top: 30px;
}
.single_table {
    margin-top: 40px;
}
.single_table:hover, .single_table.active {
    margin-top: 20px;
}
.latest_news_area {
    margin-top: 79px;
    padding-top: 30px;
    padding-bottom: 0px;
}
.single_post {
    margin-top: 10px;
    margin-bottom: 29px;
}
.post_thumb {
    display: block;
    float: none;
    text-align: center;
}
.post_title h4 {
    margin-bottom: 22px;
}
.single_post_text {
    padding: 5px;
    text-align: center;
}
.blog_btn {
    display: inline-block;
}
.post_text {
    padding-right: 0px;
}
.contact_area.section_padding_top {
    padding-top: 77px;
}
.home_page .footer {
    margin-top: 20px;
}
.footer_top_area {
    padding-bottom: 30px;
    padding-top: 40px;
}
.contact_form.contact_margin_bottom {
    margin-top: 10px;
}
.contact_form.contact_margin_bottom input, .contact_form.contact_margin_bottom textarea {
    width: 93%;
}
.contact_form.contact_margin_bottom, .contact_info {
    text-align: center;
}
.contact_form.contact_margin_bottom input[type="submit"] {
    height: 41px;
    width: 115px;
}
.widget.widget_text {
    max-width: 293px;
    font-size: 13px;
}
.footer .widget h2 {
    margin-bottom: 25px;
    margin-top: 36px;
}
.footer_bottom.text-center, .widget.footer_top_menu li a, .contact_form.contact_margin_bottom input, .single_recent_text h5 a, .widget.sidebar_two.tag_widget a {
    font-size: 12px;
}
/* ----------------------------------------------
    *** About Page ***
----------------------------------------------- */
.about_hello_left {
    margin-top: -20px;
}
.about_hello_right {
    text-align: center;
    margin-top: 45px;
}
.about_hello_right h3 {
    font-size: 21px;
    margin-bottom: 20px;
}
/* ----------------------------------------------
    *** Service Page ***
----------------------------------------------- */
.service_page .seo_need_area {
    margin-top: 0;
}
.widget.sidebar_one.common_after.category h3 {
    font-size: 20px;
}
/* ----------------------------------------------
    *** Team-member Page ***
----------------------------------------------- */    
.single_team_img {
    display: block;
    float: none;
} 
.single_team_img > img {
    width: 100%;
}
.single_team_text {
    padding: 20px;
    text-align: justify;
}
.single_team_text h4, .single_team_text h3, .team_social_icon {
    text-align: center;
}
.owl-controls {
    left: 38%;
}
/* ----------------------------------------------
    *** Testimonial Page ***
----------------------------------------------- */
.testimonial_page .client_area .owl-controls {
  left: 37%;
}
.testimonial_page .crsl_two_text {
    padding-right: 30px;
}
/* ----------------------------------------------
    *** Error Page ***
----------------------------------------------- */
.back_home {
    display: block;
    float: none;
}
.error_text {
    padding-bottom: 0;
    text-align: center;
}
.error_img {
   display: none;
}
.error_text input[type="text"] {
    width: 85%;
    margin-top: 36px;
    margin-left: -37px;
}
.error_text input[type="submit"] {
    right: 24px;
    top: 305px;
}
.error_form form a {
    right: 38px;
    top: 316px;
}
/* ----------------------------------------------
    *** Faq Page ***
----------------------------------------------- */
.faq_content h2 {
    font-size: 15px;
}
/* ----------------------------------------------
    *** Blog_left1 Page ***
----------------------------------------------- */
.single_blog_detail {
    margin-top: 42px;
}
.blog_left_content h3, .blog_left_comments h3, .blog_left_content {
    text-align: center;
}
.pegination li {
    width: 40px;
    height: 28px;
    line-height: 26px;
}
.pegination a {
    font-size: 10px;
}
.share_icon {
    margin-top: 22px;
}
.single_blog_comments.common_after a {
    font-size: 12px;
}
.contact_form.contact_margin_bottom.blog_page_contact input, .contact_form.contact_margin_bottom.blog_page_contact textarea {
    width: 93%;
}
.blog_page .submit_btn {
    text-align: center;
}
.blog_detail_text span {
    margin-left: 23px;
}
.blog_left_content {
    margin-bottom: 24px;
}
.blog_left_content h3, .post_title h3 a {
    font-size: 18px;
}
.blog_left_content h3{
    font-size: 20px;
}
/* ----------------------------------------------
    *** Blog_left2 Page ***
----------------------------------------------- */
 .widget.sidebar_two.tag_widget li {
    padding: 2px 20px;
}
.blog_left2_page .single_blog_detail {
    margin-top: 70px;
}
.blog_left2_page .post_text, .blog_right2_page .post_text  {
    text-align: center;
}
.blog_left2_page .pegination2, .blog_right2_page .pegination2 {
    margin-top: 55px;
    text-align: center;
}
.post_title h4 a {
    font-size: 12px;
}
/* ----------------------------------------------
    *** Blog_right1 Page ***
----------------------------------------------- */
.blog_right1_page .single_blog_detail, .blog_right2_page .single_blog_detail {
    margin-top: 0;
}
.blog_right1_page .widget.widget_search {
    margin-top: 50px;
}
.blog_right2_page .widget.widget_search {
  margin-top: 70px;
}
/* ----------------------------------------------
    *** Service-Detail Page ***
----------------------------------------------- */
.service_detail_inputs > h3 {
    margin-left: 25px;
    width: 239px;
}
.service_detail_page .blog_left_content h3{
    text-align: left;
}
.common_after.service_detail_border_bottom::after {
    width: 96px;
}
.blog_detail_text.service_detail_text, .blog_detail_text.service_detail2_text {
    padding-right: 0;
}
.common_after.service_detail_border_bottom::after {
    top: 39px;
}
.common_after::after {
  top: 35px;
}
}/* End small mobile responsive media query */

/*========================================
*   For Wide Mobile
*   Resolation 480px to 768px
==========================================*/

/* ----------------------------------------------
    *** Blog-left-1 Page ***
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.single_recent_post {
    margin-bottom: 60px;
}
.widget.sidebar_two.tag_widget li {
    padding: 2px 8px;
}
.blog_left2_page .widget.sidebar_two.tag_widget li {
    padding: 2px 8px;
}
}/* End wide mobile responsive media query */


/*************************************/
 .flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 100%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
  margin: 0px 10px;
}

.circle-bg {
  fill: none;
  stroke: #606062;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 3.8;
  /*stroke-linecap: round;*/
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ED3237;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}
.avatar-default{
    display: none !important;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 6px 15px !important;
    font-size: 18px;
    line-height: 20px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #4c4c4c;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a {
    color: #4c4c4c;
}
.inner-content p {
    color: #4c4c4c;
}