/* Roonix Roofing Repair HTML-5 Template */

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

	
}
	
@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){
/* Global AI Responsive Resets */
img, iframe, video, object, embed { max-width: 100% !important; height: auto !important; }
html, body { overflow-x: hidden !important; max-width: 100vw; }
p, h1, h2, h3, h4, h5, h6, a, span, div, li { word-wrap: break-word !important; overflow-wrap: break-word !important; }
table { display: block; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; }
.container, .container-fluid { max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; }

header .nav--top{ display:none !important; }
header{background:#fff; position:relative;}
header.sticky-header .logo-txt.logo-txt1 p,
header .logo-txt.logo-txt1 p {color: #222222;margin: 0px 0 0 0px;line-height: 18px; padding:1px 0 0 10px;}
header.header-index-page {height: 122px;}
header.header-index-page.sticky-header {height: 70px;}
header.sticky-header .logowithtxs img { width: 38px;}
header.sticky-header .logowithtxs .logo-txt h2{color: #000000; font-size: 45px; padding: 4px 0 0 0; letter-spacing: 3px; font-weight: 700;}
header .logowithtxs img { width: 38px; height: auto;}
header .logowithtxs .logo-txt { width: calc(100% - 42px);}
header .logowithtxs p { color: #000000; font-size: 8px;}
[dir] header.header-index-page { padding: 8px 0;}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner { background: linear-gradient(45deg, #000 20.07%, #fac51d 56.07%, #e92829 88.1%);}
#mega-menu-wrap-header-menu .mega-menu-toggle { top: -56px;}
[dir=ltr] header .container .header-white-bg-container { margin-left: 0; padding-left: 0; padding-right: 0;}
header .container .header-white-bg-container {width: 100%;height: 100%;}
header .position-static { position: static !important; margin: -2px 0 0 -5px !important;  padding: 0 0px 0 4px !important;}
[dir] header .logo__wrap{ padding-left:10px !important; }
header.sticky-header .logowithtxs img { margin: 0 0 0 0px;}
header.sticky-header .position-static { padding: 0 0px 0 18px !important;}
header.sticky-header .logowithtxs p {font-size: 9px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 15px 5px 15px 15px; overflow-y: scroll; height: 80vh;}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget {display: none;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {width: 100%;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout .mega-sub-menu li .mega-sub-menu {position: relative !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.left-dropdown .mega-menu-item-has-children .mega-sub-menu { left: auto !important; right: auto !important;}
[dir] header .logo__wrap { padding-left: 0px !important;}
[dir=ltr] header .logo {padding-right:0px;}
header .logowithtxs .logo-txt h2 { color: #333; font-size: 42px;  padding: 8px 0 0 4px;}
header.sticky-header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { color: #fff;}
header .logo { padding: 5px 0 0 0 !important;}
[dir] header .main__navigation {margin: 12px 0 0 0;}
.mega-menu-header-menu-mobile-open header .main__navigation {height: 70vh; overflow:unset; overflow-y: auto; }
header.sticky-header .main__navigation .search__btn {display: none;}
[dir] #banner .swiper-slide{background-image:none !important;}
[dir] #banner .swiper-slide img.banner-mobile-img{ display:block; }
[dir=ltr] #banner .gallery-top .container { position: relative; top:0; left: 0; transform: none; padding: 0;}
[dir] #banner .text p {font-size: 16px; line-height: 22px;}
#banner { height: auto; min-height: auto;}
#banner .text .h1, #banner .text h1 {font-size: 26px; line-height: 34px;}
.inner-banner { height: 15vh;}
.team-member .team__content aside.col-md-6.col-sm-6{ width:100% !important; }
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{background: linear-gradient(45deg, #fac51d 30.07%, #e92829 88.1%) !important; }
.team__content .team__card-wrapper .team__card {flex: 0 0 48%; margin: 0 10px;  }
[dir=ltr] .team__content .team__card-wrapper .team__card:nth-of-type(odd) {  margin-left: 0;}
[dir=ltr] .team__content .team__card-wrapper .team__card { margin-left: 0;}
.notify-sec .col-md-4.col-sm-12.col-xs-12{ width:100% !important;  }
.notify-sec .col-md-4.col-sm-6.col-xs-6{ width:50% !important;  }
.notify-sec .heading-title h2 { padding-top: 0%; width: 100% !important; font-size: 40px !important; line-height: 48px !important;  margin-left: 0%;}
[dir] .about-sec-h.placeholder--bg-cover-overlay:after { width: 100%;}
.facultydetails .profile-header .image-cell img{width:100% !important; height: auto; }
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu { width: 100% !important; left: 0 !important; }
#mega-menu-wrap-header-menu .mega-menu-toggle{ display: block;}
#mega-menu-wrap-header-menu #mega-menu-header-menu  {display:none;}
#mega-menu-wrap-header-menu #mega-menu-header-menu.open-menu  {display:block;}


}

@media only screen and (max-width: 900px){
header .nav--top{ display:none !important; }
header{background:#fff; position:relative;}
header.sticky-header .logo-txt.logo-txt1 p,
header .logo-txt.logo-txt1 p {color: #222222;margin: 0px 0 0 0px;line-height: 18px; padding:1px 0 0 10px;}
header.header-index-page {height: 122px;}
header.header-index-page.sticky-header {height: 70px;}
header.sticky-header .logowithtxs img { width: 38px;}
header.sticky-header .logowithtxs .logo-txt h2{color: #000000; font-size: 45px; padding: 4px 0 0 0; letter-spacing: 3px; font-weight: 700;}
header .logowithtxs img { width: 38px; height: auto;}
header .logowithtxs .logo-txt { width: calc(100% - 42px);}
header .logowithtxs p { color: #000000; font-size: 8px;}
[dir] header.header-index-page { padding: 8px 0;}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner { background: linear-gradient(45deg, #000 20.07%, #fac51d 56.07%, #e92829 88.1%);}
#mega-menu-wrap-header-menu .mega-menu-toggle { top: -56px;}
[dir=ltr] header .container .header-white-bg-container { margin-left: 0; padding-left: 0; padding-right: 0;}
header .container .header-white-bg-container {width: 100%;height: 100%;}
header .position-static { position: static !important; margin: -2px 0 0 -5px !important;  padding: 0 0px 0 4px !important;}
[dir] header .logo__wrap{ padding-left:10px !important; }
header.sticky-header .logowithtxs img { margin: 0 0 0 0px;}
header.sticky-header .position-static { padding: 0 0px 0 18px !important;}
header.sticky-header .logowithtxs p {font-size: 9px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 15px 5px 15px 15px; overflow-y: scroll; height: 80vh;}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget {display: none;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {width: 100%;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout .mega-sub-menu li .mega-sub-menu {position: relative !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.left-dropdown .mega-menu-item-has-children .mega-sub-menu { left: auto !important; right: auto !important;}
[dir] header .logo__wrap { padding-left: 0px !important;}
[dir=ltr] header .logo {padding-right:0px;}
header .logowithtxs .logo-txt h2 { color: #333; font-size: 42px;  padding: 8px 0 0 4px;}
header.sticky-header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { color: #fff;}
header .logo { padding: 5px 0 0 0 !important;}
[dir] header .main__navigation {margin: 12px 0 0 0;}
.mega-menu-header-menu-mobile-open header .main__navigation {height: 70vh; overflow:unset; overflow-y: auto; }
header.sticky-header .main__navigation .search__btn {display: none;}
[dir] #banner .swiper-slide{background-image:none !important;}
[dir] #banner .swiper-slide img.banner-mobile-img{ display:block; }
[dir=ltr] #banner .gallery-top .container { position: relative; top:0; left: 0; transform: none; padding: 0;}
[dir] #banner .text p {font-size: 16px; line-height: 22px;}
#banner { height: auto; min-height: auto;}
#banner .text .h1, #banner .text h1 {font-size: 26px; line-height: 34px;}
.inner-banner { height: 15vh;}
.team-member .team__content aside.col-md-6.col-sm-6{ width:100% !important; }
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{background: linear-gradient(45deg, #fac51d 30.07%, #e92829 88.1%) !important; }
.team__content .team__card-wrapper .team__card {flex: 0 0 48%; margin: 0 10px;  }
[dir=ltr] .team__content .team__card-wrapper .team__card:nth-of-type(odd) {  margin-left: 0;}
[dir=ltr] .team__content .team__card-wrapper .team__card { margin-left: 0;}
.notify-sec .col-md-4.col-sm-12.col-xs-12{ width:100% !important;  }
.notify-sec .col-md-4.col-sm-6.col-xs-6{ width:50% !important;  }
.notify-sec .heading-title h2 { padding-top: 0%; width: 100% !important; font-size: 40px !important; line-height: 48px !important;  margin-left: 0%;}
[dir] .about-sec-h.placeholder--bg-cover-overlay:after { width: 100%;}
.facultydetails .profile-header .image-cell img{width:100% !important; height: auto; }
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu { width: 100% !important; left: 0 !important; }
}

@media only screen and (max-width: 767px){
header{background:#fff; position:relative;}
header.sticky-header .logo-txt.logo-txt1 p,
header .logo-txt.logo-txt1 p {color: #222222;margin: 0px 0 0 0px;line-height: 18px; padding:1px 0 0 10px;}
header.header-index-page {height: 110px;}
header.sticky-header .logowithtxs img { width: 38px;}
header.sticky-header .logowithtxs .logo-txt h2{color: #000000; font-size: 45px; padding: 4px 0 0 0; letter-spacing: 3px; font-weight: 700;}
header .logowithtxs img { width: 38px; height: auto;}
header .logowithtxs .logo-txt { width: calc(100% - 42px);}
header .logowithtxs p { color: #000000; font-size: 8px; }
[dir] header.header-index-page { padding:0 0 8px 0; }    
[dir] header.header-index-page.sticky-header{height: 70px;}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner { background: linear-gradient(45deg, #000 20.07%, #fac51d 56.07%, #e92829 88.1%);}
#mega-menu-wrap-header-menu .mega-menu-toggle { top: -56px;}
[dir=ltr] header .container .header-white-bg-container { margin-left: 0; padding-left: 0; padding-right: 0;}
header .container .header-white-bg-container {width: 100%;height: 100%;}
header .position-static { position: static !important; margin: -2px 0 0 -5px !important;  padding: 0 0px 0 4px !important;}
[dir] header .logo__wrap{ padding-left:10px !important; }
header.sticky-header .logowithtxs img { margin: 0 0 0 0px;}
header.sticky-header .position-static { padding: 0 0px 0 18px !important;}
header.sticky-header .logowithtxs p {font-size: 9px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 15px 5px 15px 15px; overflow-y: scroll; height: 80vh;}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget {display: none;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {width: 100%;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout .mega-sub-menu li .mega-sub-menu {position: relative !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.left-dropdown .mega-menu-item-has-children .mega-sub-menu { left: auto !important; right: auto !important;}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
        display: block;
        width: 100% !important;
        left: 0 !important;
        top:0px !important;
    }
header #mega-menu-wrap-header-menu .mega-menu-toggle { top: 56px;  position: fixed; right: 12px; }		
header.sticky-header #mega-menu-wrap-header-menu .mega-menu-toggle { top: 14px; }	
	
[dir] #banner .swiper-slide{background-image:none !important;}
[dir] #banner .swiper-slide img.banner-mobile-img{ display:block; }
[dir=ltr] #banner .gallery-top .container { position: relative; top:0; left: 0; transform: none; padding: 0;}
[dir] #banner .text p {font-size: 16px; line-height: 22px;}
#banner { height: auto; min-height: auto;}
#banner .text {position:relative; bottom:0; border-radius: 0; width:100%; padding:20px 20px 60px 20px;}
#banner .text .h1, #banner .text h1 {font-size: 26px; line-height: 34px;}
[dir] a.btn, 
[dir] button.btn { padding: 4px 15px 8px 15px;}
.explore-sec { padding: 0 0 15px 0 !important;}
.notification-sec .announcement .downloadable-file-tiles__left-content {padding: 0;}
.notification-sec .corporate-governance-documents-widget .downloadable-file-tiles__left-content__text .text-title {height: auto;}
.notify-sec .heading-title h2 { padding-top: 0;  width: 100% !important;font-size: 40px !important;line-height: 44px !important; padding-left: 1%; margin-left:0;}
.corporate-governance-documents-widget .downloadable-file-tiles__left-content {flex: 0 0 calc(100% - 0px);}
.downloadable-file-tiles__right-content__download-btn { top: -8px; height: auto; padding: 1px 5px 8px 6px !important; margin: 15px 0 0 0; position: absolute; right: 7px;}
[dir] .detailed-card--align-end {padding: 8px 0;}
.about-sec-h{padding:20px 0 !important;}
.s-slider-main .heading-title .text-left{ width:50%; }
.s-slider-main .heading-title .btn-heading{ width:50%; text-align:right; }
.feed-wedget { margin: 20px 0 0 0;} 
.vc-message-sec-h .container{ padding:0; }
.feed-wedget-fb { margin: 0 0 15px 0; padding:0;}
.feed-wedget-fb iframe{ width:100% !important;  }
.clientt-sec .btn-heading{ margin-bottom:30px; }
.clientt-sec .btn-heading .btn-sec{ text-align:right; }
[dir] footer { padding: 0 0 20px 0;}
[dir] footer .logo-footer-sec .col-sm-4.col-xs-4{width:20%;}
[dir] footer .logo-footer-sec .col-sm-8.col-xs-8{width:80%;}
[dir] footer .footer__col-content .divide_line { margin-top: 15px; margin-bottom: 15px;}
.inner-banner { height: 20vh;}
[dir] .inner-banner.placeholder--bg-fixed-cover { padding-top: 10px !important; padding-bottom: 10px !important;}
[dir] .inner-banner .page-cover {padding-top: 0px;}
.inner-banner .page-cover__content .page-cover__details .page-cover__text { min-height: auto;}
[dir] .inner-banner .page-cover__content .page-cover__details {padding-bottom: 0; position: absolute; left:10px; bottom: 10px;}
.inner-banner.placeholder--medium-height .page-cover__content .page-cover__details .page-cover__text .h1, 
.inner-banner.placeholder--medium-height .page-cover__content .page-cover__details .page-cover__text h1 {font-size: 24px; line-height: 28px;}
[dir] .widget.sidebar.sidebar-2>[data-bs-toggle=collapse] {padding: 10px 15px;}
.copyright_links_item p {font-size: 12px; text-align: center;}
.copyright__links ,
.copyright__links .copyright__links_container{display: block;}
.team aside .in-block .team-img figure { height: auto; margin: 0 0 10px 0;}
.team aside .in-block .team-txt-in {min-height:auto;}
.team__content .team__card-wrapper .team__card { display: block;}
[dir] .team__content .team__card-wrapper .team__card-data { padding: 10px; min-height: auto;}
.facultydetails .profile-header .content-cell { padding: 20px 0px 20px 0px;}
.facultydetails .profile-header .content-cell h3 { font-size: 24px; line-height: 28px; text-align: left;}
.main--business-tabs ul#tabs-business li a {width: 100%; text-align: left; padding: 6px 15px; }
[dir] .main--business-tabs ul#tabs-business li.active { margin-bottom: 0;}
[dir] .placeholder--child-no-padding-bottom .tile-breadcrumbs { padding: 15px 0 0;  margin-top: 0;}
.notify-sec .col-md-4.col-sm-6.col-xs-6{ width:100% !important;  }
.data-card-reverse__content .data-card-reverse__data .image{ background-image:none !important; }
.team__content .team__card-wrapper .team__card { flex: 0 0 100%; }
.telemanas14416{ margin:10px auto; width:50%; }
}