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

@media only screen and (min-width: 1400px){
    header .header_button{
        margin-right: 150px;
    }
    header .navbar .navbar-brand{
        margin-right: 3em;
    }
    .f_timings, .f_timings .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
        font-size: 100%;
    }
}


@media only screen and (max-width: 1600px){
    .menu{
        transform: translate(-20%,30%);
    }
}

@media screen and (max-width: 1440px){
  .container {
      max-width: 1170px;
  }
  .menu{
      transform: translate(-20%,30%);
  }
  section.home_banner:before{
      width: 30%;
  }
  p{
      font-size: 18px;
  }
  a.blue_btn{
      font-size: 18px;
  }
  .right_sideicons:before {
      width: 25%;
  }
  .right_txts p{
      height: 50px !important;
  }
  .news_content h2{
      font-size: 35px;
  }
}

@media screen and (max-width: 1170px){
    .menu {
      transform: translate(0%,30%);
  }
}

@media screen and (max-width: 1024px){
    .our_services ul li:before{
        width: 290px;
    }
    .right_sideicons h3{
        font-size: 18px;
    }
}

@media screen and (max-width: 1023px) {
  .tel_info{
    margin-right: 15px;
    margin-top: 0px;
  
}
}

@media screen and (max-width: 767px) {
#Menu_sidebar .close_navbtn{
    display: block;
    width: 100%;
    margin-bottom: 40px;
    cursor: pointer;
    color: #fff;
}
#Menu_sidebar.collapse {
    position: fixed;
    z-index: 9999;
    transition: all .5s ease;
    top: 0;
    bottom: 0;
    right: -100%; /* -width of sidebar */
    width: 0;
    height: 100% !important;
    display: block;
    background: #00223A;
}
#Menu_sidebar.collapsing {
    transition: all .18s ease-in;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -30%;  /* -width of sidebar */
    width: 30%;  /* width of sidebar */
    height: 100% !important;
    display: block;
}
#Menu_sidebar.collapse.show {
    right: 0;
    width: 100%;
    padding: 30px;
    padding-bottom: 70px;
}
#Menu_sidebar .sidebar__btmtxt {
    position: absolute;
    bottom: 15px;
    width: calc(100% - 60px);
    right: 30px;
    font-size: 100%;
    display: block;
    color: #fff;
}
#Menu_sidebar .sidebar__btmtxt p{
    margin-bottom: 0
}
header .navbar .menu-main-menu-container {
    height: calc(100% - 80px);
    overflow-y: auto;
}
header .navbar ul.navbar-nav li.nav-item+li.nav-item {
    margin-left: 0;
    margin-top: 20px;
}
header .navbar ul.navbar-nav a.nav-link{
    font-size: 30px;
}
header .navbar.sticky ul.navbar-nav a.nav-link:hover, header .navbar.sticky ul.navbar-nav a.nav-link.active,
header .navbar.sticky ul.navbar-nav a.nav-link{
    color: #fff;
}
header .navbar.sticky ul.navbar-nav a.nav-link.active:after, 
header .navbar.sticky ul.navbar-nav a.nav-link:hover:after{
    background: #fff;
}

.f_timings{
    flex-wrap: wrap;
    font-size: 100%;
    margin-bottom: 25px;
}
.f_timings label {
    width: 100%;
    display: block;
    white-space: normal;
    text-align: left;
}
.f_timings .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
    font-size: 100%;
    margin-left: 0;
    margin-top: 7px;
    width: 100%;
}
.f_timings .wpcf7-form-control-wrap .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
}
.menu--active .menu {
    width: 100%;
}
.kontakt_details .row{
   margin-left: 15px;
   margin-right: 15px;
}

section.home_banner {
	background-image: url(../images/Riyasat-phone-banner.png) !important;
}
section.home_banner:before {
	display: none;
}
.home_banner .container.txt_center {
	align-items: flex-end;
	margin-bottom: 1rem;
}
.home_banner .inner_hometxt {
    margin-bottom: 1rem;
}
.home_banner .inner_hometxt p{
	margin-bottom: 0;
}
section.home_banner.inner_titles .inner_hometxt h3 {
    font-size: 3rem;
}
section.home_banner.inner_titles {
    padding-top: 50%;
}
.mobile_buttons {
    opacity: 1;
    visibility: visible;
}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  .menu--active .menu {
    width: 40%;
  }
  .menu--active .menu .menu-inner {
    width: 40vw;
  }
}

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

  .version,.madeIn {
    bottom: -90.85vh;
    letter-spacing: 1px;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 991px){
    span.menu-control-open svg{
        opacity: 0;
    }
    .sticky .menu a {
        color: #fff;
    }
    .sticky img.head_logo.img-fluid {
        max-width: 110px !important;
    }
    .news_content{
        padding-left: 15px;
    }
    .newsletter_sect label{
        left: 11px;
        top: -8px;
        font-size: 14px;
    }
    .menu li.option.active a:before{
        bottom: -10px;
    }
    .kontakt_details .row{
        padding: 20px;
    }
    .sticky .menu li.option.active a:before {
        border-bottom: 2px solid #fff;
    }
    .weddings_sect .col-12.col-sm-6:nth-child(3) {
        margin-top: 0;
    }
    .weddings_sect .col-12.col-sm-6:nth-child(4) {
        margin-top: 0;
    }
    #Menu_sidebar .close_navbtn{
        display: block;
        width: 100%;
        margin-bottom: 40px;
        cursor: pointer;
        color: #fff;
    }
    #Menu_sidebar.collapse {
        position: fixed;
        z-index: 9999;
        transition: all .5s ease;
        top: 0;
        bottom: 0;
        right: -100%; /* -width of sidebar */
        width: 0;
        height: 100% !important;
        display: block;
        background: #00223A;
    }
    #Menu_sidebar.collapsing {
        transition: all .18s ease-in;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -30%;  /* -width of sidebar */
        width: 30%;  /* width of sidebar */
        height: 100% !important;
        display: block;
    }
    #Menu_sidebar.collapse.show {
        right: 0;
        width: 100%;
        padding: 30px;
        padding-bottom: 70px;
    }
    #Menu_sidebar .sidebar__btmtxt {
        position: absolute;
        bottom: 15px;
        width: calc(100% - 60px);
        right: 30px;
        font-size: 100%;
        display: block;
        color: #fff;
    }
    #Menu_sidebar .sidebar__btmtxt p{
        margin-bottom: 0
    }
    header .navbar ul.navbar-nav li.nav-item+li.nav-item {
        margin-left: 0;
    }
    header .navbar.sticky ul.navbar-nav a.nav-link:hover, header .navbar.sticky ul.navbar-nav a.nav-link.active, header .navbar.sticky ul.navbar-nav a.nav-link{
        color: #fff;
    }
}

@media screen and (max-width: 850px){
    .our_services ul li{
        width: 100%;
    }
    .our_services ul li:before{
        border-right: none;
    }
    .our_services ul li:nth-child(4) {
        border-bottom: 1px solid #fff;
    }
    .our_services ul li:nth-child(5) {
        border-bottom: 1px solid #fff;
    }
    .our_services.services_facilities ul li:before {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #ddd;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .our_services.services_facilities ul li:nth-child(6):before{
        border-bottom: transparent;
    }
    .our_services ul li{
        border-bottom: 1px solid #fff;
    }
}

@media screen and (max-width: 768px){
    p {
        font-size: 16px;
    }
    .scroll_btn{
        bottom: 80px;
    }
    .our_highs .row{
        width: auto;
    }
    footer ul li:before{
        width: 95%;
    }
    .inner_hometxt h3{
        font-size: 40px;
    }
    .right_txts p {
        height: auto !important;
    }
    section.home_banner{
        padding-top: 65%;
    }
    section.home_banner:before {
        width: 42%;
    }
    header .navbar .navbar-brand {
    	max-width: 140px;
    }
}

@media screen and (max-width: 599px){
    .about_imgs ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .about_imgs ul li:nth-child(4){
        margin-left: 0px;
    }
    .about_imgs ul li:nth-child(1) {
        margin-top: 0px;
    }
    .about_imgs ul li:nth-child(2) {
        margin-top: 0px;
    }
    .about_imgs ul li:nth-child(3) {
        margin-top: 0px;
    }
    .about_imgs ul li:nth-child(4){
        margin-top: 0px;
    }
    footer ul li{
        margin-bottom: 30px;
        width: 100%;
    }
    .inner_hometxt {
        margin-top: 50px;
    }
    img.riyasat_txt {
        float: none;
        width: auto;
        max-width: 500px;
    }
    .venue_text {
        padding-left: 0px;
        padding-top: 20px;
    }
    .tabs_sect li.nav-item{
        width: 100%;
        margin-right: 0;
    }
    .tabs_sect ul#myTab{
        max-width: 100%;
    }
}

@media screen and (max-width: 575px){
    .news_content{
        border-left: 2px solid transparent;
    }
    .newsletter_sect .col-12.col-sm-7 {
        margin: 20px 0;
    }
    img.riyasat_txt{
        max-width: 300px;
    }
    .home_banner .inner_hometxt p {
    	font-size: 15px;
    }
    .our_services ul li:before {
        width: auto;
    }
    footer ul {
        padding-left: 10px;
    }
    #menuslide img.menu_bars{
        max-width: 30px;
    }
    .kontakt_details .col-12.col-sm-4:before{
        right: 0;
        border-bottom: 2px solid #ddd;
        width: 100%;
        border-right: transparent;
    }
    .kontakt_details .col-12.col-sm-4:nth-child(3):before {
        border-right: transparent;
        border-bottom: transparent;
    }
    .kontakt_details .col-12.col-sm-4{
        margin-bottom: 30px;
    }
    h2{
        font-size: 40px;
    }
    section.home_banner.inner_titles {
        padding-top: 80%;
        background-size: cover;
    }
    section.home_banner {
        padding-top: 110%;
    }
    .space_parking .col-12.col-sm-6:nth-child(4) .txt_section {
       padding-left: 0px;
    }
    .space_parking .col-12.col-sm-6:nth-child(4) {
        margin-top: 15px;
    }
    .newsletter_sect .row{
        margin: 0 15px;
    }
    section.space_parking{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .space_parking .col-12.col-sm-6:nth-child(3) {
        margin-top: 20px;
    }
    .breadcrumb_sect nav a{
        font-size: 16px;
    }
    .tabs_sect{
        padding-top: 0px;
    }
    .gallerie_shw{
        margin-bottom: 15px;
    }
    .contact_btns a.blue_btn.custom-btn.btn-hovr{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 479px){
    h2{
      font-size: 40px;  
    }
    #menuslide img.head_logo.img-fluid{
        max-width: 110px;
    }
    .inner_hometxt h3{
        font-size: 25px;
    }
    section.about_sect.wi_full.pad_both.text-center{
        padding-bottom: 0px;
    }
    .copyright_sect{
        padding-top: 30px;
    }
    .inner_hometxt h3{
        margin-top: 0px;
    }
    .breadcrumb_sect img.bread_home {
        max-width: 50px;
    }
    .breadcrumb_sect .breadcrumb-item+.breadcrumb-item{
        top: 12px;
    }
}

@media screen and (max-width: 395px){
    .sticky img.head_logo.img-fluid {
       max-width: 100px !important;
    } 
    #menuslide img.head_logo.img-fluid {
        max-width: 100px;
    }
    section.home_banner:before {
        width: 50%;
    }
    h2 {
        font-size: 35px;
    }
}
@media (max-width: 360px){
	.copyright_sect p {
	font-size: 14px;
 }
}
