/* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
 */
 

 @media (min-width: 1281px) {
   
   //CSS
   
 }
 

 /* 
   ##Device = Laptops, Desktops
   ##Screen = B/w 1025px to 1280px
 */
 

 @media (min-width: 1025px) and (max-width: 1280px) {
   
   //CSS
   
 }
 

 /* 
   ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px
 */
 

 @media (min-width: 768px) and (max-width: 1024px) {
   
   //CSS
   
 }

 @media (min-width: 1036px) and (max-width: 1193px;) {
   .main_menu li.nav-item a {
    padding: 10px 13px !important;
    font-size: 14px;
}
  
   
 }
 

 /* 
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
 */
 @media (min-width: 770px) and (max-width: 992px) {
  .main_menu.d-none.d-lg-block {
    display: block !important;
}
.b_tiles>div {
    padding: 0 10px;
    position: static;
    cursor: pointer;
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
}
.b_tiles>div img {
    max-width: 81%;
}
.b_tiles h3 {
    font-size: 17px; 
    line-height: 21px;
    margin-bottom: 0;
}
.b_tiles .inner_box {
     min-height: 135px;
}
.community_detail_report ul.level_1 {
    left: 23% !important;
    width: 554px !important;
}
.community_detail_report .level_1_1.select_box {
    left: 23% !important;
    width: 554px !important;
    text-align: left;
    padding: 0;
}
.trend_report ul.level_1 {
    left: 37% !important;
    width: 454px !important;
    text-align: left;
}
.trend_report .level_1_1.select_box {
    width: 641px !important;
    text-align: left;
    left: 11% !important;
    border-top: 2px solid;
}
.traffic_report .hover_listing>ul>li ul.level_1_1, .traffic_report .hover_listing>ul>li ul.level_1 {
    left: 100%;
    top: 3px;
    width: 371px;
}
.hover_view_1 ul.level_1_1.select_box {
    position: absolute;
    width: 529px;
    z-index: 9;
    top: 135px;
    text-align: left;
    left: 254px;
}
.hover_view ul.level_1_1.select_box.show_div.sales_builder {
    position: absolute;
    width: 551px;
    z-index: 9;
    top: 139px;
    text-align: left;
    left: 170px;
    padding: 0;
}
.hover_listing>ul>li:after {
    content: '\f105';
    font-family: fontAwesome;
    position: absolute;
    right: 5px;
    bottom: -1px;
    font-size: 41px;
    color: #fff;
}
.hover_listing h4 {
    font-size: 22px;
    margin-bottom: 0;
}
ul.level_1_1.select_box p {
    font-size: 15px;
}
.hover_listing h5 {
    font-size: 12px;
}
.hover_listing h4 {
    font-size: 22px;
}
nav.navbar.mob_nav {
    display: none !important;
} 
.logo-section a.navbar-brand.d-none.d-lg-block {
    width: 55%;
    display: block !important;
}
#reports_page div#menu3 {
    padding: 0 0px;
}
#navigation.nav-tabs li.nav-item a {
    padding: 10px 4px !important;
    font-size: 12px;
}
.d-flex.logout-sec {
    width: 42%;
}
 }




 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
 #main-header img {
    max-width: 85%;
}
.contact-section {
    position: absolute;
    right: 32px;
    bottom: 22px;
}   
.b_tiles > div {
    min-height: 188px;
   
}
 }
 @media (max-width: 768px) {
.b_tiles > div {
    min-height: 159px;
    
}s
#navigation.nav-tabs li.nav-item a {
    padding: 10px 4px;
    font-size: 12px;
}

.main_menu.d-none.d-lg-block {
    display: block !important;
}   
.mob_nav .user-view-menu {
    display: none;
}
.mob_nav .navbar-brand img {
    max-width: 21%;
    position: absolute;
    top: -26px;
}
#reports_page .blue-con .nav.nav-tabs li a
{padding: 8px 6px; font-size: 12px;}
}
 /* 
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px
 */
 

 @media (min-width: 481px) and (max-width: 767px) {
     
 #dashboard .admin_area_counting .row > div {
    padding: 0 15px !important;
    margin-bottom: 1px;
 }
 .mob_nav .navbar-brand img {
    max-width: 21%;
    position: absolute;
    top: 17px;
    left: 0px;
}
    .blue-con.toll.toll-table.pt-0 {
    padding: 0;
}
nav.navbar.mob_nav {
    max-width: 93%;
    margin: 0 auto;    
    position: relative;
    padding: 0px
}
#navigation.nav-tabs li.nav-item a {
    padding: 10px 4px;
    font-size: 16px;
}
.blue-con .container {
    max-width: 98%;
    padding: 0 15px;
}
ul.dropdown-menu.filter_box.show
{ 
    left: -27px !important;
 }
 .main-head-sec .container {
    max-width: 100%;
}
.mob_nav button.navbar-toggler {
    position: absolute;
    right: 0px;
    top: 16px;
    font-size: 26px;
    padding: 4px 9px;
}

body .main_menu.d-none.d-lg-block {
    display: none !important;
}  
  .banner-form-section.mt-5 {
    left: 0;
    right: 0;
    width: 90%;
    margin:26px auto !important;
}


#main-header 
{ 
 height: 655px; 
}

.main_menu {
    display: none;
}

.mob_nav .user-view-menu {
    display: block;
    margin-top: 42px;
}
body #reports_page div#menu3 {
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    max-width: 94%;
}
#reports_page .container {
    padding:0 10px 0px 0px !important;
    max-width: 96%;
}

div#menu3 {
    margin-top: 23px !important;
}
.b_tiles>div {
    padding: 0 10px !important;
    position: static;
    max-width: 50%;
    flex-basis: 50%;
    margin-bottom: 10px;
     min-height: auto;
    height: 100%;
}


.hover_listing>ul>li ul.level_1 {
   
    max-height: 0px;
    z-index: 9;
    width: 100%;
    left: 100%;
    position: absolute;
    top: 0px;
}
.report_btns a:first-child {
    background-color: #24519e;
    margin-right: 6px;
}
.report_btns a {
    width: 48%;
    font-size: 10px;
}
   
body .hover_view ul.level_1_1.select_box.show_div.sales_builder {
    position: absolute;
    width: 78%;
    z-index: 9;
    top: 151px;
    text-align: left;
    left: 131px;
    padding: 0;
}
ul.level_1_1.select_box p {
    font-size: 12px;
    margin-bottom: 0;
}
.traffic_report .hover_listing>ul>li ul.level_1_1, .traffic_report .hover_listing>ul>li ul.level_1 {
    left: 0;
    width: 100%;
    top: 56px;
}
body .hover_view_1 ul.level_1_1.select_box {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 153px;
    text-align: left;
    left: 0;
    padding: 0;
}

body .community_detail_report ul.level_1 {
    left: 0 !important;
    width: 100% !important;
    padding: 0;
}
body .community_detail_report .level_1_1.select_box {
    left: 0 !important;
    width: 100% !important;
    text-align: left;
    padding: 0;
    top: 99% !important;
    border-top: 0px !important;
}   
body .trend_report ul.level_1 {
    left: 0% !important;
    width: 100% !important;
    text-align: left;
    padding: 0;
}
body .trend_report .level_1_1.select_box {
    left: 0% !important;
    padding: 0;
    border-top: 0;
}
footer div {
    width: 100%;
    text-align: center;
}
footer .footer-powered p {
    text-align: center !important;
}
footer { height: 60px !important; }
 }
 

 /* 
   ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px
 */
 

 @media (min-width: 320px) and (max-width: 480px) {

/******* report page ****/
.b_tiles > div {
    min-height: auto;
    height: 100%;
}

body .main_menu.d-none.d-lg-block {
    display: none !important;
} 
.report_sections {
    height: 100%;
    min-height: 800px;
}

body .trend_report ul.level_1 {
    left: 0% !important;
    width: 100% !important;
    text-align: left;
    border-top: 0 !important;
    top: 38% !important;
}
body .hover_view_1 ul.level_1_1.select_box {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 153px;
    text-align: left;
    left: 0;
    height: 298px;
    overflow-x: scroll;
}
body .hover_view ul.level_1_1.select_box.show_div.sales_builder {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 199px;
    text-align: left;
    left: 0;
    overflow-y: scroll;
    height: 300px;
}

.mob_nav .navbar-brand img {
    max-width: 50%;
    position: relative;
    top: 7px;
}
.mob_nav .user-view-menu {
    display: block;
    margin-top: 10px;
}
#dashboard .manage_builder .col-md-6.pr-1.box_1 {
    padding: 0 !important;
    padding-right: 0px !important;
}
.col-md-12.my-3.builder_table {
    padding: 0 !important;
}
footer ul li a {
    font-size: 13px;
    padding: 0 5px;
}
.main_menu {
    display: none !important;
} 
.buttons_group {
    width: 100% !important;
  }
.blue-con.toll.toll-table.pt-3 {
    padding: 0;
}  
.modal_buttons button {
    margin-right: 0 !important;
}
button.navbar-toggler {
    background:transparent;
}
button.navbar-toggler.menu_bg {
    background: #23519c;
}
button.navbar-toggler.menu_bg i {
    color: #fff !important;
}
button.navbar-toggler i {
    color: #23519c !important;
}
button.navbar-toggler.collapsed {
    background: transparent;
   ;
}
button.navbar-toggler.collapsed i  {
   color: #23519c !important;
}
footer 
{ position: relative;height: 70px; }
body .trend_report .level_1_1.select_box {
    width: 100% !important;
    text-align: left;
    left: 0px !important;
    border-top: none;
    padding: 0;
    min-height: 300px;
    overflow-y: scroll;
    top: 155px !important;
}

.footer-powered {
    font-size: 13px;
}
#reports_page~footer {
    position: relative;
    bottom: 0px;
    height: 68px; 
    text-align: center;
}
.footer-powered p {
    text-align: center !important;
    margin-bottom: 0 !important;
}
body .community_detail_report .level_1_1.select_box {
    left: 0 !important;
    width: 100% !important;
    text-align: left;
    border-top: 0 !important;
    min-height: 313px !important;
    overflow-y: scroll;
    top: 456px !important;
}
.hover_view ul.level_1_1.select_box.show_div.sales_builder {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 212px;
    text-align: left;
    left: 0;
    padding: 0;
}
.select_box .d-flex {
    flex-wrap: wrap;
}
.report_btns a {
    width: 100%;
}
.report_btns.btn_2 {
    width: 100%;
}
#reports_page .main-head-sec a.navbar-brand img {
    display: none;
}
#reports_page .main_menu {
    display: none !important;
}  
#menu4 .col-md-8 {
    padding: 0;
}
.b_tiles>div {
    padding: 0 0px;
    position: static;
    width: 100%;
    flex: 100%;
    max-width: 100%;
    margin-bottom: 1px;
}
.hover_listing>ul>li ul.level_1 {
    max-height: 0px;
    z-index: 9;
    width: 100%;
    left: 0;
    position: absolute;
    top: 48px;
    padding: 0; 
    
}

body .hover_listing h4 
{ margin-bottom: 0px; }
.hover_listing>ul>li:after {
    content: '\f105';
    font-family: fontAwesome;
    position: absolute;
    right: 5px;
    bottom: -1px;
    font-size: 36px;
    color: #fff;
}
.trend_report:hover .blue-bg-color.inner_box~.level_1 
{ padding: 0px; }
.traffic_report .hover_listing>ul>li ul.level_1_1, .traffic_report .hover_listing>ul>li ul.level_1 {
    left: 0;
    top: 48px;
    width: 100%;
}
.hover_view_1 ul.level_1_1.select_box {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 359px;
    text-align: left;
    left: 0;
}
#reports_page .community_detail_report ul.level_1 {
    left: 0 !important;
    width: 100% !important;
    padding: 0px;
    top: 438px !important;
}
.trend_report ul.level_1 {
    left: 0 !important;
    width: 100% !important;
    text-align: left;
}
.trend_report:hover .blue-bg-color.inner_box~.level_1_1 {
      padding: 0;
}
.community_detail_report:hover .blue-bg-color.inner_box~.level_1_1 { padding: 0px; }
.community_detail_report li.hover_element.blue-light-bg-color.active {
    width: 100%;
}
/***** dasboard pages ****/

ul.dropdown-menu.filter_box.show 
{ left: -10px !important } 
#dashboard .admin_area_counting .row > div {
    padding: 0 15px !important;
}

#dashboard .row > .col-md-6.com_box_1.pr-1 {
    padding:0px !important;
}
.col-md-12.content_section {
    padding: 0;
}
.manage-content.heading h3 {
    font-size: 22px;
    line-height: 20px;

    margin-top: 0 !important;
}
.blue-con { padding: 0px; }  
.container.builder_summary.mt-4 {
    margin-top: 18px !important;
}
.admin_area_counting .row > div {
    padding-right: 1px !important;
    padding: 0 12px !important;
    margin-bottom: 4px;
}
#dashboard .row > div {
    padding-right: 1px !important;
  
    margin-bottom: 4px;
}
 .blue-contaimer.without-border.mt-4 {
    padding: 0 15px;
    margin-top: 13px !important;
}
body .manage-head.mt-2.mb-0 div h3 {
    width: 100% !important;
    font-size: 19px;
    line-height: 18px;
    align-items: center;
  }
 .manage-head.mt-2.mb-0 {
    margin-bottom: 8px !important;
} 
#dashboard .row > .col-md-6.pr-1 {
    padding-right: 12px !important;
}

.admin_area_counting .row  div:last-child {
    padding-right: initial;
}
.manage-content h3 
{
   font-size: 26px;
   line-height: 26px;
   margin-bottom: 9px !important; 
}
button.rs_button.add_new_builder {
    width: 188px;
}  
.tab-content > div {
    padding: 0 !important;
}
.blue-con.toll.toll-table.pt-0 {
    padding: 0;
}
/******** dasboard pages ****/



 /*********** login page front ***/  

  .banner-form-section.mt-5 {
    left: 0;
    right: 0;
    width: 90%;
    margin: 10px auto !important;
  }
  header .navbar-brand img {
     width: 100%;
  } 

  #main-header  {
    height: 590px; 
  } 
  .divider-section p 
  {
    font-size:13px; 
  }
  section.banner-bottom-sec p {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
}
.banner-bottom-sec { padding-bottom:0px;  }
.contact-one p, .contact-two p
 {
    font-size: 14px;  
 }
 .contact-one h2, .contact-two h2 
 { font-size: 16px; }
 #next_click {
    background-color: #03ab81;
    padding: 9px 18px;
    font-size: 15px;
}
.register-section p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 16px 0px 8px;
}
/*********** login page front ***/

 }