379 lines
10 KiB
SCSS
379 lines
10 KiB
SCSS
|
@media (max-width:1619px){
|
||
|
|
/* Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.header_area .navbar .search {
|
||
|
|
margin-left: 40px;
|
||
|
|
}
|
||
|
|
/* End Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
}
|
||
|
|
@media (max-width:1300px){
|
||
|
|
}
|
||
|
|
@media (max-width:1199px){
|
||
|
|
/* Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.header_area .navbar .nav .nav-item {
|
||
|
|
margin-right: 28px;
|
||
|
|
}
|
||
|
|
/* End Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
/* Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .banner_inner {
|
||
|
|
padding: 100px 0px;
|
||
|
|
}
|
||
|
|
/* End Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.header_area .navbar .tickets_btn {
|
||
|
|
margin-left: 40px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content h2 br {
|
||
|
|
display: none;
|
||
|
|
font-size: 36px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content h2 {
|
||
|
|
font-size: 36px;
|
||
|
|
line-height: 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:991px){
|
||
|
|
/* Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.navbar-toggler {
|
||
|
|
border: none;
|
||
|
|
border-radius: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-top: 27px;
|
||
|
|
margin-bottom: 23px;
|
||
|
|
}
|
||
|
|
.header_area .navbar {
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.navbar-toggler[aria-expanded="true"] span:first-child {
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
position: relative;
|
||
|
|
top: 7.5px;
|
||
|
|
}
|
||
|
|
.navbar-toggler[aria-expanded="true"] span:last-child {
|
||
|
|
transform: rotate(45deg);
|
||
|
|
bottom: 6px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navbar-toggler span{
|
||
|
|
display: block;
|
||
|
|
width: 25px;
|
||
|
|
height: 3px;
|
||
|
|
background: #fff;
|
||
|
|
margin: auto;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
transition: all 400ms linear;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.navbar .container{
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
}
|
||
|
|
.nav{
|
||
|
|
padding: 0px 0px;
|
||
|
|
}
|
||
|
|
.header_area + section, .header_area + row, .header_area + div {
|
||
|
|
margin-top: 117px;
|
||
|
|
}
|
||
|
|
.header_top .nav{
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
.header_area .navbar .nav .nav-item .nav-link{
|
||
|
|
line-height: 1px;
|
||
|
|
margin-right: 0px;
|
||
|
|
display: block;
|
||
|
|
border-bottom: 1px solid #ededed33;
|
||
|
|
border-radius: 0px;
|
||
|
|
}
|
||
|
|
.header_area .navbar .search{
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.header_area .navbar-collapse{
|
||
|
|
max-height: 340px;
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
|
||
|
|
padding: 0px 15px;
|
||
|
|
}
|
||
|
|
.header_area .navbar .nav .nav-item {
|
||
|
|
margin-right: 0px;
|
||
|
|
}
|
||
|
|
.header_area + section, .header_area + row, .header_area + div {
|
||
|
|
margin-top: 41px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content .banner_map_img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
// .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
|
||
|
|
// line-height: 40px;
|
||
|
|
// }
|
||
|
|
.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
.header_area.white_menu .navbar .nav .nav-item .nav-link {
|
||
|
|
color: #222;
|
||
|
|
}
|
||
|
|
/* End Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
/* Blog page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.categories_post img{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.categories_post {
|
||
|
|
max-width: 360px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.blog_categorie_area .col-lg-4{
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.blog_area{
|
||
|
|
padding-bottom: 80px;
|
||
|
|
}
|
||
|
|
.single-post-area .blog_right_sidebar{
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
/* End Blog page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
|
||
|
|
/* Contact Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.contact_info{
|
||
|
|
margin-bottom: 50px;
|
||
|
|
}
|
||
|
|
/* End Contact page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .donation_inner{
|
||
|
|
margin-bottom: -30px;
|
||
|
|
}
|
||
|
|
.home_banner_area .dontation_item{
|
||
|
|
max-width: 350px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
/* Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.footer_area .col-sm-6{
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.footer_area .footer_inner{
|
||
|
|
margin-bottom: -30px;
|
||
|
|
}
|
||
|
|
.news_widget {
|
||
|
|
padding-left: 0px;
|
||
|
|
}
|
||
|
|
/* End End Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .banner_inner .home_left_img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header_area .navbar .tickets_btn {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner {
|
||
|
|
padding: 70px 0px 100px 0px;
|
||
|
|
}
|
||
|
|
.left_side_text {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
}
|
||
|
|
.price_item {
|
||
|
|
max-width: 360px;
|
||
|
|
margin: 0px auto 30px;
|
||
|
|
}
|
||
|
|
.price_inner{
|
||
|
|
margin-bottom: -30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width:767px){
|
||
|
|
.home_banner_area {
|
||
|
|
min-height: 500px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner {
|
||
|
|
min-height: 500px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content {
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
/* Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.blog_banner .banner_inner .blog_b_text h2 {
|
||
|
|
font-size: 40px;
|
||
|
|
line-height: 50px;
|
||
|
|
}
|
||
|
|
.blog_info.text-right{
|
||
|
|
text-align: left !important;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
/* End Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .banner_inner .banner_content h3 {
|
||
|
|
font-size: 30px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content p br {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content h3 span {
|
||
|
|
line-height: 45px;
|
||
|
|
padding-bottom: 0px;
|
||
|
|
padding-top: 0px;
|
||
|
|
}
|
||
|
|
/* Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.footer-bottom{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.footer-bottom .footer-social {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
/* End End Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.made_life_inner .nav.nav-tabs li {
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width: 50%;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.made_life_inner .nav.nav-tabs {
|
||
|
|
margin-bottom: -15px;
|
||
|
|
}
|
||
|
|
.made_life_area.made_white .left_side_text {
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width:600px){
|
||
|
|
|
||
|
|
}
|
||
|
|
@media (max-width:575px){
|
||
|
|
.top_menu {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header_area + section, .header_area + row, .header_area + div {
|
||
|
|
margin-top: 51px;
|
||
|
|
}
|
||
|
|
/* Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .banner_inner .banner_content h2 {
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 38px;
|
||
|
|
}
|
||
|
|
.home_banner_area {
|
||
|
|
min-height: 450px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner {
|
||
|
|
min-height: 450px;
|
||
|
|
}
|
||
|
|
.blog_banner .banner_inner .blog_b_text {
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content img{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content h5 {
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
/* End Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.p_120 {
|
||
|
|
padding-top: 70px;
|
||
|
|
padding-bottom: 70px;
|
||
|
|
}
|
||
|
|
.main_title h2 {
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
/* Elements Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.sample-text-area {
|
||
|
|
padding: 70px 0 70px 0;
|
||
|
|
}
|
||
|
|
.generic-blockquote {
|
||
|
|
padding: 30px 15px 30px 30px;
|
||
|
|
}
|
||
|
|
/* End Elements Area css
|
||
|
|
============================================================================================ */
|
||
|
|
|
||
|
|
/* Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.blog_details h2 {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.blog_banner .banner_inner .blog_b_text h2 {
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 38px;
|
||
|
|
}
|
||
|
|
/* End Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
/* Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.footer-area {
|
||
|
|
padding: 70px 0px;
|
||
|
|
}
|
||
|
|
/* End End Footer Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.pad_top {
|
||
|
|
padding-top: 70px;
|
||
|
|
}
|
||
|
|
.pad_btm {
|
||
|
|
padding-bottom: 70px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:480px){
|
||
|
|
/* Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.header_area .navbar-collapse{
|
||
|
|
max-height: 250px;
|
||
|
|
}
|
||
|
|
/* End Main Menu Area css
|
||
|
|
============================================================================================ */
|
||
|
|
|
||
|
|
/* Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area .banner_inner .banner_content {
|
||
|
|
padding: 30px 15px;
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
.banner_content .white_btn {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.home_banner_area .banner_inner .banner_content h3 {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
/* End Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.banner_area .banner_inner .banner_content h2 {
|
||
|
|
font-size: 32px;
|
||
|
|
}
|
||
|
|
/* Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.comments-area .thumb {
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
/* End Blog Page Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.testi_item .media .d-flex {
|
||
|
|
padding-right: 0px;
|
||
|
|
}
|
||
|
|
.testi_item .media .d-flex img {
|
||
|
|
width: auto;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.testi_item .media{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.banner_btn{
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
}
|