/* Large Layout: 1200px. */@media only screen and (min-width: 1200px){.container {padding: 0;}.container-fluid{padding: 0;}         }@media only screen and (min-width: 991px){  .mainmenu-area .mobile-menu {    display: none;  }      }@media only screen and (max-width: 991px){   .header-area.style-2 .logo {    margin-top: 14px;    position: absolute;    left: 0;    top: 0px;    z-index: 9999999;}  .header-area {    padding: 25px 0 10px;  }  .about-us .about-img {    margin-bottom: 50px;  }  .footer-bottom {    text-align: center;      }  .call-out2 {    text-align: center;  }  .call-out2 .float_right,  .call-out2 .float_left{    width: 100%;  }  .mainmenu-area .navigation {    display: none;  }  .subscribe-form {    display: inline-block;  }  .subscribe-form input {    width: auto;  }  .footer-col.service-col {    padding-left: 0;  }  .footer-col {    padding-bottom: 20px;  }  .mainmenu-area {      margin-bottom: 0px;      margin-top: 0px;      z-index: 999999;  }   .mainmenu-area.stricky-fixed{      position: static;      background: none;  }          .mainmenu-area .mainmenu-bg {      background: #f7f7f7;  }                    .free-consulation-button {      height: 40px;      float: left !important;      margin-top: -40px;      z-index: 9999999999;  }  .free-consulation-button:before {      background: none;      width: 205px;  }      .free-consulation-button a {      height: 40px;      padding: 8px 0;  }          .outer-search-box {      float: right;      height: 40px;      width: 45px;      margin-top: 0px;      margin-bottom: 0px;      margin-right: 0;      background: #fff;      border: 2px solid #ff2b58;  }   .outer-search-box .seach-toggle {      margin: 0;      color: #ff2b58;      font-size: 14px;      padding: 8px 0;      line-height: 24px;  }  .search-box {      background: #ff2b58;      border-top: 2px solid #f02853;      opacity: 0;      padding: 20px;      position: absolute;      right: 15px;      top: 145%;      transition: all 500ms ease 0s;      visibility: hidden;      z-index: 999999999;  }       .outer-search-box .seach-toggle:hover,  .outer-search-box .seach-toggle.active{    background: transparent;    }        .main-menu {    display: inline-block;    float: right !important;    padding-bottom: 0;    padding-top: 0;    z-index: 5;    width: 100%;  }  .main-menu .mobile-menu li {    margin-left: 0;    margin-right: 0;    padding: 0;  }     .main-menu .collapse {    border: 0px !important;    border-radius: 0px !important;    float: none;    margin: 0;    max-height: 303px;    display: none !important;    overflow: auto !important;    padding: 0;    width: 100%;  }      .main-menu .collapse.in,   .main-menu .collapsing {    border: 1px solid #fff;    border-radius: 0px;    margin: 0 0 20px;    padding: 0;    display: block !important;    border-top: none;  }      .main-menu .navbar-header{    position:relative;    float:none;    display:block;    text-align: left;    width:100%;    padding: 14px 0px 13px;    right:0px;    z-index:12;  }          .main-menu .navbar-header .navbar-toggle {      border: 2px solid #bc0000;      display: inline-block;      float: none;      margin: 0;      margin-left: 10px;      z-index: 7;      width: 45px;      height: 40px;      border-radius: 0;  }    .main-menu .navbar-header .navbar-toggle .icon-bar {    background: #bc0000 none repeat scroll 0 0;    font-weight: 700;  }    .main-menu .mobile-menu {    background: #1f51b4 none repeat scroll 0 0;    float: none !important;    margin: 0 !important;    width: 100% !important;  }        .main-menu .mobile-menu > li{    margin:0px !important;    float:none !important;    width:100%;    padding: 0;  }    .main-menu .navigation li.dropdown > a:after{    display:none !important;  }   .main-menu .mobile-menu > li > a{    padding:10px 10px !important;  }                .main-menu .mobile-menu > li > ul,  .main-menu .mobile-menu > li > ul > li > ul{    position:relative;    border:none;    float:none;    visibility:visible;    opacity:1;    display:none;    margin:0px;    left:auto !important;    right:auto !important;    top:auto !important;    width:100%;    background: none;    border-radius:0px;    -webkit-border-radius:0px;    -ms-border-radius:0px;    -o-border-radius:0px;    -moz-border-radius:0px;    transition:none !important;    -webkit-transition:none !important;    -ms-transition:none !important;    -o-transition:none !important;    -moz-transition:none !important;  }      .main-menu .mobile-menu > li > ul,  .main-menu .mobile-menu > li > ul > li > ul{    border-top: 0px solid rgba(255,255,255,1) !important;   }        .main-menu .mobile-menu > li,  .main-menu .mobile-menu > li > ul > li,  .main-menu .mobile-menu > li > ul > li > ul > li{    border-top: 1px solid #ffffff !important;    opacity:1 !important;    top:0px !important;    left:0px !important;    visibility:visible !important;  }  .main-menu .mobile-menu > li > a,  .main-menu .mobile-menu > li > ul > li > ul > li > a{    padding:10px 10px !important;    line-height:22px;    color:#ffffff;    margin: 0;    background: #bc0000;    text-align:left;    display: block;  }   .main-menu .mobile-menu > li > ul > li > a{    padding:10px 20px !important;    line-height:22px;    color:#ffffff;    background: #1a1919;    text-align:left;    font-size: 12px;    display: block;    font-weight: 600;    text-transform: uppercase;  }        /**     .main-menu .navbar-collapse > .navigation > li > a:hover,  .main-menu .navbar-collapse > .navigation > li > a:active,  .main-menu .navbar-collapse > .navigation > li > a:focus{    background:#2b2c36;  }   **/  .main-menu .mobile-menu > li:hover > a,  .main-menu .mobile-menu > li > ul > li:hover > a,  .main-menu .mobile-menu > li > ul > li > ul > li:hover > a,  .main-menu .mobile-menu > li.current > a{    background:#2b2c36;    color:#ffffff !important;  }          .nav_side_content .search_option>button {    color: #bc0000;  }      }/* Medium screen  */ @media only screen and (min-width: 992px) and (max-width: 1199px) {  .main-menu .navigation li a {    margin: 0 10px;  } }        /* Tablet Layout: 768px. */@media only screen and (min-width: 768px) and (max-width: 991px) {/*** =============================================    Top bar Area style=============================================***/.top-bar-area .top-info ul {    text-align: center;}.top-bar-area .top-info ul li {    float: none;    text-align: center;}.top-bar-area .top-right {    float: left;}      /*** =============================================    Header Area style=============================================***/  .header-area .logo {    text-align: center;    margin: 0 0 30px;}.header-contact-info {    overflow: hidden;    width: auto;    margin: 0 auto;    margin-bottom: 20px;}   .top-social-links {    float: none;    margin: 20px 0 0;    text-align: center;}   /*** =============================================    Mainmenu Area style=============================================***/     .main-menu .navigation > li.dropdown > a {    padding-right: 4px;}.main-menu .navigation li a {    padding: 19px 0px 18px;    margin-left: 15px;}  .outer-search-box {    float: right;    height: 40px;    width: 40px;    margin-top: 10px;    margin-bottom: 10px;    margin-right: 0;}.outer-search-box .seach-toggle {    margin: 5px 0 0;}    .search-box {    background: #ff2b58;    border-top: 2px solid #f02853;    opacity: 0;    padding: 20px;    position: absolute;    right: 15px;    top: 145%;    transition: all 500ms ease 0s;    visibility: hidden;    z-index: 999999999;}.free-consulation-button {    height: 45px;    float: left !important;    margin-top: 5px;    margin-bottom: 5px;}.free-consulation-button:before {    background: none;}.free-consulation-button a {    height: 45px;    padding: 11px 0;}    .main-menu .navigation > li:hover > ul {  left: 15px;}           /*** =============================================    Team Area style=============================================***/.team-area .single-team {    width: 100%;}    .team-area .single-team .img-holder img {    width: 100%;}  /*** =============================================    Video Gallery Area style=============================================***/    .video-gallery-area .video-holder {    margin-top: 50px;}   /*** =============================================    Brand Area style=============================================***/       .brand-area .brand .single-item {    height: 125px;}       /*** =============================================    Footer top Area style=============================================***/  .footer-top-area .footer-top-content .title {    float: none !important;    text-align: center;}    .footer-top-area .footer-top-content .button {    float: none !important;    width: 280px;    margin: 0 auto;}        /*** =============================================    Footer Area style=============================================***/      .single-footer-widget.pd-left {  padding-left: 100px;}  .single-footer-widget.pd-bottom{    padding-bottom: 50px;        }      /*** =============================================    Footer Bottom style=============================================***/     .footer-bottom .copyright-text {    float: none !important;    text-align: center;    margin: 0;} .footer-bottom .copyright-text p{    margin-bottom: 5px;        }    .footer-bottom .footer-menu {    float: none !important;    text-align: center;} .footer-bottom .footer-menu ul li {    float: none;    margin: 0 15px;}    /*** =============================================   Client Feedback Area & Left sidebar style=============================================***/.client-feedback-area {    padding-top: 80px;    padding-bottom: 80px;}      .left-sidebar {    padding-top: 60px;}        /*** =============================================    Company History Area style=============================================***/       .company-history .single-history .img-holder.mar-r-plus35 {  margin-right: 0;}    .company-history .single-history .text-holder.mar-l-minus35 {  margin-left: 0;}    .company-history .single-history .inner-box.mar-r-minus35 {  margin-right: 0;}    .company-history .single-history .img-holder.mar-l-plus35 {  margin-left: 0;} .company-history .single-history .img-holder{    margin-bottom: 30px;        }    .company-history .single-history .img-holder img {  width: 100%;}        /*** =============================================    Company Overview Area style=============================================***/      .company-overview-area .progress-br {    margin-top: 40px;}.company-overview-area .mission-content {    margin-right: 0;}    .company-overview-area .mission-video-gallery {    margin-left: 0;    margin-top: 60px;}        /*** =============================================    Partner Area style=============================================***/       .partner-area {    padding-top: 80px;    padding-bottom: 80px;}        /*** =============================================    Team Page Area  style=============================================***/        .team-page-area .single-team-member .text-holder p {    font-size: 14px;}        /*** =============================================    Blog Area style=============================================***/      .sidebar-wrapper {  margin-top: 70px;}     /*** =============================================    Get Touch Area style=============================================***/        .get-touch-area{    padding-bottom: 50px;  }    .get-touch-area .single-item {    margin-bottom: 30px;}     /*** =============================================    Contact Form Area style=============================================***/     .contact-form-area .form-right-box {    margin-top: 50px;}        /*** =============================================    Main Shop Area style=============================================***/ .single-product-item .img-holder .overlay-style-one .box .content a {    width: 140px;    height: 42px;    line-height: 40px;}       .single-product-item .title-holder .top .product-title {  float: none !important;}    .single-product-item .title-holder .top .review-box {  float: none !important;  display: block;}            /*** =============================================    Single Shop Area style=============================================***/     .single-shop-content .img-holder {  margin-right: 0px;}    .single-shop-content .content-box {  margin-left: 0;  margin-top: 35px;}   .related-product .single-product-item {  margin-bottom: 40px;}      /*** =============================================    Cart Area style=============================================***/      .cart-area .cart-bottom .calculate-shipping {  padding-bottom: 60px;} /*** =============================================    Checkout Area style=============================================***/    .checkout-area .form.shipping-info {  padding-top: 60px;}    .checkout-area .cart-total {  padding-top: 60px;}    /*** =============================================    Login Register Area style=============================================***/     .login-register-area .form a.forgot-password {  margin: 70px 0 0;} .login-register-area .register {  padding-top: 50px;}    .login-register-area .form h6 {  color: #797979;  float: left;  font-size: 14px;  margin-bottom: 0;  margin-right: 0;  margin-top: 27px;}/*** =============================================    Single Service Area style=============================================***/      #single-service-area .top-content .text-holder {    margin-right: 0;}    #single-service-area .top-content .img-holder {    margin-left: 0;    margin-top: 35px;}        #single-service-area .middle-content .single-item {    margin-bottom: 30px;    overflow: hidden;    min-height: 80px;}    #single-service-area .middle-content .single-item .text-holder {    padding-top: 12px;}        #single-service-area .profit-improvement-content .text-holder {    overflow: hidden;    margin-bottom: 50px;}        /*** =============================================    Project Area style=============================================***/.project-filter {    margin-bottom: 40px;}    .project-filter li {    display: inline-block;    margin: 0 5.5px 10px;}.single-project-item.span-3 {    float: left;    width: 50%;}     /*** =============================================    Project Grid with text  style=============================================***/#project-area.grid-with-text .project-filter {    padding-bottom: 0;    margin-bottom: 40px;}#project-area.grid-with-text .project-filter li {    margin-bottom: 10px;} /*** =============================================    Project Single area  style=============================================***/    .project-single-area .legal-work-content {    overflow: hidden;    margin-top: 50px;}    }@media only screen and (max-width: 991px) {  .two-column .column2,  .two-column .column1 {    padding-left: 15px;    padding-right: 15px;  }  .brand-logo .owl-theme .owl-prev,  .brand-logo .owl-theme .owl-next {    width: 10%;  }}@media only screen and (max-width: 991px) and (min-width: 767px) {  .header-contact-info ul li {    padding-top: 15px;    border: none;  }    .header-contact-info ul li {        border:none;        display: inline-block;        float: left;        margin-right: 7px;        padding-right: 7px;        position: relative;        padding-top: 15px;        padding-bottom: 2px;    }  .header-area .logo img {    position: relative;    left: -30px;  }}@media only screen and (max-width: 767px) {.top-bar-area {  text-align: center;}.top-bar-area .pull-right,.top-bar-area .pull-left {  width: 100%;}.mainmenu-area .link_btn .thm-btn {  padding: 0 15px;}.mainmenu-area .right-column {  width: 190px;}.nav_side_content .search_option form {    width: 250px;}    /*** =============================================    Top bar Area style=============================================***/  .top-bar-area .top-info ul {    text-align: center;}.top-bar-area .top-info ul li {    float: none;    text-align: center;}.top-bar-area .top-right {    float: left;}          /*** =============================================    Header Area style=============================================***/ .header-area {    padding: 30px 0 10px;}    .header-area .logo {    text-align: center;    margin: 0 0 20px;}.header-area .logo img {  position: relative;  left: -20px;}.header-contact-info {    overflow: hidden;    width: auto;    margin: 0 auto;    margin-bottom: 20px;}    .header-contact-info ul li {        border:none;        display: inline-block;        margin-right: 7px;        padding-right: 7px;        position: relative;        padding-top: 15px;        padding-bottom: 2px;        width:100%;    }.top-social-links {    float: none;    width: 280px;    margin: 0 auto;    margin-top: 20px;}           /*** =============================================    Call To Action Area style=============================================***/      .call-to-action-area .title {    padding: 0 20px 40px;} /*** =============================================    Latest project Area style=============================================***/     .latest-project-area .more-project {    float: left !important;    margin: 0 0 10px;}  /*** =============================================    Team Area style=============================================***/.team-area .single-team {    width: 100%;}.team-area .single-team .title-holder h3 {    font-size: 15px;}    .team-area .single-team .img-holder img {    width: 100%;}           /*** =============================================    Video Gallery Area style=============================================***/    .video-gallery-area .video-holder {    margin-top: 50px;}   /*** =============================================    Brand Area style=============================================***/       .brand-area .brand .single-item {    height: 125px;}        /*** =============================================    Footer top Area style=============================================***/  .footer-top-area .footer-top-content .title {    float: none !important;    text-align: center;}    .footer-top-area .footer-top-content .button {    float: none !important;    width: 280px;    margin: 0 auto;}        /*** =============================================    Footer Area style=============================================***/      .single-footer-widget.wedo{    padding-left: 0px;} .single-footer-widget.pd-bottom{    padding-bottom: 50px;        }    .single-footer-widget.pd-top{    padding-top: 50px;        }            /*** =============================================    Footer Bottom style=============================================***/     .footer-bottom .copyright-text {    float: none !important;    text-align: center;    margin: 0;} .footer-bottom .copyright-text p{    margin-bottom: 8px;        }    .footer-bottom .footer-menu {    float: none !important;    text-align: center;} .footer-bottom .footer-menu ul li {    float: none;    margin: 0 15px;}        /*** =============================================    Breadcrumb Area style=============================================***/     .breadcrumb-area {  height: auto;  padding-bottom: 100px;  padding-top: 100px;} .breadcrumb-botton-area {    padding: 18px 0 14px;}    .breadcrumb-botton-area .left {  float: none !important;  text-align: center;}    .breadcrumb-botton-area .right {  float: none !important;  text-align: center;}        /*** =============================================   Client Feedback Area & Left sidebar style=============================================***/.client-feedback-area {    padding-top: 80px;    padding-bottom: 80px;}    .left-sidebar {    padding-top: 60px;}       /*** =============================================    Company History Area style=============================================***/       .company-history .single-history .img-holder.mar-r-plus35 {  margin-right: 0;}    .company-history .single-history .text-holder.mar-l-minus35 {  margin-left: 0;}    .company-history .single-history .inner-box.mar-r-minus35 {  margin-right: 0;}    .company-history .single-history .img-holder.mar-l-plus35 {  margin-left: 0;} .company-history .single-history .img-holder{    margin-bottom: 30px;        }    .company-history .single-history .img-holder img {  width: 100%;}       /*** =============================================    Company Overview Area style=============================================***/      .company-overview-area .progress-br {    margin-top: 40px;}.company-overview-area .mission-content {    margin-right: 0;}    .company-overview-area .mission-video-gallery {    margin-left: 0;    margin-top: 60px;}    /*** =============================================    Faq Content Area style=============================================***/      .faq-content-area .accordion-box .accordion .accord-btn h4 {    font-size: 16px;    line-height: 26px;    padding-right: 20px;}      /*** =============================================    Partner Area style=============================================***/       .partner-area {    padding-top: 80px;    padding-bottom: 80px;}        /*** =============================================    Blog Area style=============================================***/      .sidebar-wrapper {  margin-top: 70px;}     /*** =============================================    Blog single Area style=============================================***/    .blog-single-area .middle-content-box .img-holder, .blog-single-area .middle-content-box .text-box {  display: block;}    .blog-single-area .middle-content-box .text-box {    padding-left: 0px;    padding-top: 50px;    position: relative;}.blog-single-area .middle-content-box .text-box:before {    top: 10px;    left: 0px;}    .blog-single-area .middle-content-box .img-holder {  width: auto;}        /*** =============================================    Get Touch Area style=============================================***/        .get-touch-area{    padding-bottom: 50px;  }  .get-touch-area .sec-title {    padding: 0 35px 40px;}    .get-touch-area .single-item {    margin-bottom: 30px;}     /*** =============================================    Contact Form Area style=============================================***/     .contact-form-area .form-right-box {    margin-top: 50px;}        /*** =============================================    Single Shop Area style=============================================***/     .single-shop-content .img-holder {  margin-right: 0px;}    .single-shop-content .content-box {  margin-left: 0;  margin-top: 35px;}   .related-product .single-product-item {  margin-bottom: 40px;}        /*** =============================================    Cart Area style=============================================***/.cart-middle .apply-coupon {  padding-left: 0;}       .cart-middle .apply-coupon input[type="text"] {  margin: 0 0 20px;  position: static;  width: 225px;}    .cart-area .cart-bottom .calculate-shipping {  padding-bottom: 60px;}    .cart-middle .update-cart {  float: left !important;  margin: 20px 0 0;}            .cart-bottom .calculate-shipping input[type="text"] {    margin-bottom: 25px;}       /*** =============================================    Checkout Area style=============================================***/    .checkout-area .form.shipping-info {  padding-top: 60px;}    .checkout-area .cart-total {  padding-top: 60px;}    /*** =============================================    Login Register Area style=============================================***/  .login-register-area .form a.forgot-password {  float: left;  margin: 35px 0 0;}  .login-register-area .form.register {  padding-top: 60px;}    .login-register-area .form .social-icon {  float: left;  margin-right: 0;  margin-top: 30px;}    .login-register-area .form .social-icon span {  left: 0;  position: relative;} .login-register-area .form .social-icon .login-with {  position: static;}    .login-register-area .form h6 {  margin: 20px 0 0;}            /*** =============================================    Not Found Area  style=============================================***/       .not-found-content .search-form {  width: 300px;}    .not-found-content .search-form input[type="text"] {  width: 300px;}        /*** =============================================    Single Service Area style=============================================***/      #single-service-area .top-content .text-holder {    margin-right: 0;}    #single-service-area .top-content .img-holder {    margin-left: 0;    margin-top: 35px;}        #single-service-area .middle-content .single-item {    margin-bottom: 30px;    overflow: hidden;    min-height: 80px;}    #single-service-area .middle-content .single-item .text-holder {    padding-top: 7px;}        #single-service-area .profit-improvement-content .text-holder {    overflow: hidden;    margin-bottom: 50px;}        /*** =============================================    Project Area style=============================================***/.project-filter {    margin-bottom: 40px;}    .project-filter li {    display: inline-block;    margin: 0 5.5px 10px;}.single-project-item.span-3 {    float: left;    width: 100%;}         /*** =============================================    Project Grid with text  style=============================================***/#project-area.grid-with-text .project-filter {    padding-bottom: 0;    margin-bottom: 40px;}#project-area.grid-with-text .project-filter li {    margin-bottom: 10px;}     /*** =============================================    Project Single area  style=============================================***/    .project-single-area .legal-work-content {    overflow: hidden;    margin-top: 50px;}                                                                                                     }/* Wide Mobile Layout: 480px. */@media only screen and (min-width: 480px) and (max-width: 767px) {           }/* Wide Mobile Layout: 480px. */@media only screen and (max-width: 450px) {  .nav_side_content .search_option form {    width: 200px;    right: -50px;  }         }