/*
Theme Name: The8 (Child Theme)
Theme URI: http://the8.creaws.com/
Author: Creative Web Solutions
Author URI: http://themeforest.net/user/creativews
Description: The8 - Corporate, Business WordPress Theme.
Version: 1.0.0
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Tags: blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: the8
Template: the8

*/ 

/* =Theme customization starts here
-------------------------------------------------------------- */
/*.cws_milestone .milestone_desc {
    font-size: 1.4em;
   padding-top: 10px;
    font-weight: 700;}*/
.cws_milestone {
    padding: 18px 12px 18px 12px;}

/*--MENUFIXED--*/
.header_cont{position:fixed!important;z-index:100;background-color: #ffffff;}

/*MENU MOBILE-------------------------------------------------- */

.mobile_nav .main-nav-container .menu-item a:hover{background-color:#e6e6e6!important;}
@media screen and (max-width: 980px){
.main-nav-container .menu-item>a:hover {background-color:#e6e6e6!important}}

.mobile_menu_switcher:before {content: "\f0c9"!important;
 }

.mobile_menu_switcher {
    width: 40px!important;
    height: 40px!important;
    font-size: 20px!important;
    line-height: 40px!important}

  @media screen and (min-width:769px) and (max-width:1193px) {
.main-nav-container > .main-menu > .menu-item {margin-left:0px!important;}
.main-nav-container .a-rightt{text-align:left}
}

@media screen and (min-width:769px) and (max-width:980px){
.main-nav-container .menu-item>a {padding-left:5px;font-size:14px;}
}

/*BODY */
.page_content:not(:empty) {
    padding: 20px 0;
}

.cws_progress_bar .bar {
    border: 1px solid #d1d1d1;}

.search_menu{display:none!important;}

.page_title {
    padding: 120px 0px 50px 0px;}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.3}

.mobile_menu_header{float:right}


.left_edg{float:left;margin-left:40px;}
.right_edg{float:right;margin-right:40px;margin-left:25px;}

@media only screen and (min-width:300px) and (max-width:320px){
.left_edg{float:left;margin-left:0px;}
.right_edg{float:right;margin-right:0px;margin-left:10px}
.cws_milestone {padding: 15px 0px 15px 0px;}
}

@media only screen and (min-width:321px) and (max-width:401px){
.left_edg{float:left;margin-left:5px;}
.right_edg{float:right;margin-right:5px;margin-left:15px}
}

@media only screen and (min-width:450px) and (max-width:500px){
.left_edg{float:left;margin-left:50px;}
.right_edg{float:right;margin-right:50px;margin-left:15px}
}

@media only screen and (min-width:501px) and (max-width:630px){
.left_edg{float:left;margin-left:90px;}
.right_edg{float:right;margin-right:90px;margin-left:15px}
}

@media only screen and (min-width:631px) and (max-width:767px){
.left_edg{float:left;margin-left:120px;}
.right_edg{float:right;margin-right:120px;margin-left:15px}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.left_edg{float:left;margin-left:20px;}
.right_edg{float:right;margin-right:20px;margin-left:25px;}
}