/*======================================
Theme Name: Non-QMLending
Theme URI: https://divicake.com/
Description: Non-QMLending-chield
Version: 12.22.0
Author: Dipankar
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/* header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
} */
header .et_pb_row--with-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .header-left {
  margin-right: 15px!important;
  width: calc(30% - 15px)!important;
}
header .header-center {
  margin-right: 15px!important;
  width: calc(40% - 15px)!important;
}
header nav.et-menu-nav ul.nav li {
    padding: 0 36px;
}
header nav.et-menu-nav ul.nav li a {}
header .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 16px;
    width: 30%!important;
}
@media (min-width: 1500px) and (max-width: 1699px) {
    header nav.et-menu-nav ul.nav li {
        padding: 0 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1499px) {
    header .header-left,
    header .header-right {
        width: calc(32% - 15px) !important;
    }
    header .header-center {
        width: calc(36% - 15px) !important;
    }
    header nav.et-menu-nav ul.nav li {
        padding: 0 10px;
    }
    header .header-right {
        gap: 5px 10px;
    }
}
@media (min-width: 981px) and (max-width: 1280px) {
    header .header-left {
        width: calc(20% - 15px) !important;
    }
    header nav.et-menu-nav ul.nav li {
        padding: 0 5px;
    }
    header .header-right {
        gap: 5px 10px;
        width: 40% !important;
    }
}
@media screen and (max-width: 980px) {
    header .header-left {
        order: 1;
		margin-bottom: 0px !important;
		width: calc(25% - 10px) !important;
	}
    header .header-center {
        order: 3;
		margin-bottom: 0px !important;
    	width: calc(25% - 10px) !important;
    }
    header .header-center .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    header .header-right {
        order: 2;
		width: calc(50% - 15px) !important;
        justify-content: center;
    }
	.header-center .et_pb_menu__wrap {
		justify-content: end !important;
	}
}