/* 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){

}

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

@media only screen and (max-width: 767px){
header .top-menu .col-md-12.text-right{ padding:0;  }
header .top-menu #custom_html-2.widget ul li {padding: 0 0px;}
header .top-menu .widget_nav_menu{    width:132px;}
header .top-menu #custom_html-2.widget ul li.social-icons a { padding: 4px 5px;}
header .top-menu .menu li a {  padding: 11px 5px 11px 5px;}
header .navbar-header{ padding:10px 0;  }
header .navbar-brand {padding: 0 15px; width: 290px; top: 8px; position: relative;}	
header .navbar-default .navbar-toggle {border-color: transparent;top:0px;}
header ul#menu-header-menu { padding: 0; margin: 0;}
header .top-menu .menu li.menu-item-has-children a:after, 
header .navbar-nav li.menu-item-has-children a:after {position: absolute; right: 0;}
header .navbar-nav li .sub-menu{position: relative; width:100%;}
header .navbar-nav li .sub-menu li .sub-menu {position: relative;width: 95%;left: 5%;}
header .navbar-nav li .sub-menu{ display:none !important;  }
header .navbar-nav li.sub-menu-open .sub-menu{ display:block !important;  }
header .navbar-nav li .sub-menu li .sub-menu {display: none !important;}
header .navbar-nav li .sub-menu li.sub2-menu-open .sub-menu {display: block !important;}

.values-sec .values-block aside {  width: 49%;}

.live-darshan-sec .div-table,
.live-darshan-sec .div-table aside { display: block;}
.live-darshan-sec .div-table aside{ width:100%;  }

.dieties-sec .div-table,
.dieties-sec .div-table aside { display: block;}
.dieties-sec .div-table aside{ width:100%;  }
.dieties-sec article.rightimg aside .d-none { display: block; margin-bottom: 15px;}
.dieties-sec article.rightimg aside.content-cell,
.dieties-sec article.leftimg aside.content-cell {padding: 0;}
.dieties-sec article.leftimg aside.img-cell{ margin-bottom:15px;  } 
.dieties-sec article.rightimg aside.img-cell{ display:none;  } 

.aarti-sec article ul li { width: 100%;}
.aarti-sec article ul:before {background: transparent;}
.aarti-sec.p-50{ padding:50px 15px;  }
.page-sec p {word-break: break-all;}
.volunteer-sec .form-sec { width: 100%;}

.events-sec .owl-nav button.owl-prev {left:10px;}
.events-sec .owl-nav button.owl-next {right:10px;}

header .top-menu .menu li.btn-orange-li a { padding: 2px 10px;margin-left: 2px;font-size:10px;}

.hero-sec aside.left-cell,
.hero-sec aside.right-cell { position: relative;  width: 100%; padding: 20px;}
header .top-menu .widget { float: left;}
header .top-menu #custom_html-2.widget ul li.social-icons a { margin: 0 2px;}
header .top-menu #custom_html-2.widget ul li.red-color a {  font-size: 14px !important;     padding: 5px 20px 5px 13px;}
header .top-menu .widget_nav_menu { margin: 10px 0 0 auto; display: block; text-align: right; width: 100%;}
header .top-menu .menu li.btn-orange-li a {  padding: 2px 8px; font-size: 10px;}

.hero-sec .owl-carousel .item img { width: 100%;height: auto;}
.hero-sec .owl-carousel .owl-nav {top: 22%;}
.hero-sec .owl-carousel .owl-stage-outer { height:auto !important;}

.hero-sec aside.left-cell .in-block h3,
.hero-sec aside.left-cell .in-block p{ text-align:left;}
}