/* Roonix Roofing Repair HTML-5 Template */

@media only screen and (max-width: 1920px){
#logo .div-table aside.logo-txt-cell h1{ font-size:38px; margin:0; padding:0; line-height:52px; font-weight:800; letter-spacing:-1px; color:#140d58;}
.banner-area .banner-item {height: calc(100vh - 220px);}
.banner-area .sidebar-widgets .widget-wrap1.announcement-sec {height: calc(100vh - 220px);}
}

@media only screen and (max-width: 1540px){
	
}
@media only screen and (max-width: 1366px){
#logo .div-table aside.logo-img-cell { width: 100px;}
#logo .div-table aside.logo-txt-cell h1{         font-size: 28px;line-height: 32px;  width: 120%;}
#logo .div-table aside.logo-txt-cell h1 p{text-align:left;}

.main-menu .col-lg-6.col-md-5{flex:0 0 45%; max-width: 45%;}
.main-menu .col-lg-6.col-md-7{flex:0 0 55%; max-width: 55%;}
.main-menu .header-cm-chairman .membr-blk{ padding:0 !important; }
}	
@media only screen and (max-width: 1340px){

}

@media only screen and (max-width: 1200px){
	
}

@media only screen and (max-width: 1140px){

	
}

@media only screen and (min-width: 768px){
	
}

@media only screen and (max-width: 1023px){
	
}

@media only screen and (max-width:1024px){

}

@media only screen and (max-width: 900px){

}

@media only screen and (max-width: 767px){
	
.is--hero  .banner-txt-sec { position: relative; background: #000000;}	
	
.main-menu .col-lg-6.col-md-5{flex:0 0 100%; max-width: 100%;}
.main-menu .col-lg-6.col-md-7{flex:0 0 100%; max-width: 100%;}	
.sidebar #sideBar { display: none; transition: all 3s ease;}
.sidebar #sideBar.open {display: block; transition: all 3s ease;}
.sidebar .widget_nav_menu h2.widget-title {
    padding: 10px 20px;
    margin: 0;
    background: #140d588f;
    font-size: 20px;
    color: #fff;
    border-radius: 0;
}

.sidebar button.sidebar-header {
    margin: 10px 0 0 0;
    outline: none;
    border: none; position:relative;
    width: 100%;
    padding: 8px 10px 10px 10px;
}
.sidebar button.sidebar-header i{ font-size14px; position:absolute; right:10px;}


.banner-area .banner-item img {
    display: block;
}
button.collapsed.hamburger {
    display: block;
}
.contact-tab-sec {
    background: #f1f1f1;
    padding: 2% 0;
}

.c-filtering .tabs .tab-link a {
    -webkit-box-flex: 1;
    background: #f1f1f1;
    border-right: 1px solid #d6d6d6 !important;
    cursor: pointer;
    display: block;
    flex: 1 1 auto;
    border-radius: 0;
    float: none;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: var(--black);
    font-weight: 600;
}
.c-filtering .tabs .tab-link {
    width: 100%;
}
.c-filtering .tab-content {
    background: #f9f9f9 !important;
    padding: 0;
}

.c-filtering aside.col-md-6:first-child .tab-pane { padding:15px;  }

.hero-carousel .img-hero{ display:block; width:100%;  }	
.banner-area.home-banner { background: #333;}
.banner-area .banner-item {
    background-size: 0;
    height: auto;
}
.banner-content {
        padding: 0 0 13px 0;
        background: #333;
        position: relative;
        bottom: 0;
    }
  .banner-content .in-block {
    width: 100%;
    background: transparent;
}  
.head-txt h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    padding: 15px 0;
    position: relative;
}
.about-section .content-column .inner-column {padding-left:0px;}
.about-section .image-column .inner-column {
    position: relative;
    padding-left: 12px;
    padding-bottom: 27px;
}
.about-section .image-column .image-2 img, .about-section .image-column .image-1 img {
    border-radius:36px;
    width: 100%;
}
.pl-xl-6 {
    padding-left: 15px;
}

.counter-ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.about-section {
    background: #f9f9ff;
    position: relative;
    padding: 1rem 0 1rem 0;
}
.viplinks-sec .left-contents .importlink-img{margin-bottom: 30px;}

.about-sec {
    padding:2rem 0 0 0;
  }  
  .about-section .cont-cell {
    padding-left: 0;
    padding-top: 15px;
}

.news-events-sec .inblock img {
    margin: 0 0 20px 0;
    width: 100%;
}

.news-events-sec .left-contents{ margin-bottom:30px;  }
.press-sec .right-press aside {
    padding: 30px 0;
}
.lt-box .img-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}


.hero-thumbline {
  position: absolute;
}

.hero-thumbline .carousel-active-bar {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color:transparent; /* Customize color */
  transition: all 3s ease; transition: all 3s ease;
}

.hero-thumbline { bottom: 15px;}

.viplinks-sec .tabbed-content .item-content {padding: 20px;}

.about-content h1 {
    font-size: 26px;}
.pr-xl-4{     padding-right:20px;  }
#mobile-nav ul li{ position:relative;  } 
#mobile-nav ul li i.lnr {
    position: absolute;
    top: 16px;
    font-size: 14px;
    right: 8px;
}
#mobile-nav ul.sub-menu{display: none;}
#mobile-nav ul li.menu-item-active ul.sub-menu{display: block;}

#mobile-nav ul li.menu-item-active ul.sub-menu ul.sub-menu{display: none;}
#mobile-nav ul li.menu-item-active ul.sub-menu li.menu-item-has-children.menu-in-item-active ul.sub-menu{
display: block;
}

#mobile-nav ul.language-ul {
    position: absolute;
    top: 0;
    padding: 10px;    width: 100%;
}
#mobile-nav ul.language-ul li{float: left; }
#mobile-nav ul.language-ul li i.fa.fa-globe {
    position: absolute;
    top: 6px;
}



header .navbar-collapse.show { background: #140d58;     padding: 15px;}
header .navbar-collapse.show nav#nav-menu-container {
    width: 100%;
    background: #140d58;
    display: block;
}

header .navbar-collapse.show .nav-menu > li {
    float: none;
    display: block;
    width: 100%;
}
header .navbar-collapse.show .nav-menu > li a{
   display: block;
    width: 100%;
    line-height: 18px;
    position: relative;white-space: break-spaces;
}

header .navbar-collapse.show .nav-menu  > li {
    margin-left: 0;
}
header .navbar-collapse.show  .nav-menu li.menu-item-has-children a:after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    position: absolute;
    top: 10px;
    right: -2px;
    color: #fff;
    opacity: 1;
    font-size: 10px;
}
header .navbar-collapse.show .nav-menu ul {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 99;
}
header .navbar-collapse.show .nav-menu li.menu-item-has-children li.menu-item-has-children a:after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    position: absolute;
    top: 10px;
    right: -2px;
    color: #140d58;
    opacity: 1;
    font-size: 10px;
}
header .navbar-collapse.show .nav-menu li.menu-item-has-children li.menu-item-has-children li a:after {
    content: "\e874";
   opacity: 0 !important;
}

header .navbar-collapse.show  nav#nav-menu-container ul.nav-menu.navbar-left {
    float: none;
    position: relative;
    right: 0px;
    padding: 8px;
}
header .navbar-collapse.show  nav#nav-menu-container ul.nav-menu.navbar-left li{
  float: none;
    display: inline-block;
    width: 49%;
}


#logo .div-table aside.logo-img-cell { width: 60px;}
#logo .div-table aside.logo-txt-cell p { text-align: left !important; margin: 4px 0 0 0; font-size: 8px;line-height: 6px;}
.banner-area .sidebar-widgets {padding-bottom: 0px; background: #fff; padding: 10px;}
.banner-area .sidebar-widgets .widget-wrap1.announcement-sec .head-txt1 h1 {font-size: 24px; padding: 3px 0 0 12px;}
#octAccess {z-index: 99 !important;}

    #logo .div-table aside.logo-txt-cell h1 {
        font-size: 18px;
        line-height: 20px;
        width: 88%;
    }

	
	#mobile-nav-toggle{display:none !important;}
.col-md-6.filter-search-sec.text-right{ padding:0 0 15px 0 !important; margin:-15px 0 0 0 !important;}
.search-post {position: relative; margin: 0 0 10px 0;}

.viplinks-sec .tabbed-content .item .row{
    display: none;
}
.viplinks-sec .tabbed-content .item.active .row{
   display: block;
}



}