/************* Media Queries *************/

@media only screen and (min-device-width : 1200px) and (max-device-width : 1920px) and (orientation : portrait) {

 .hajjPackage .check-details {
    left: 10%;
}

.hotel-section.hotel-info-section .hotels {
    height: 435px;
}
.packageContainer .package-img img {
    margin-top: 0;
}
.newsletter-section .and-block{top: 40px;}

.newsletter-section .ampersand-block:before{top: 2px;
    left: 0px;
    width: 70%;}

.newsletter-section .ampersand-block:after{top: 114px;
    left: 0px;
    width: 70%;}

.terms-and-conditions-section .tc-container:before{width:985px;}

}


@media only screen and (min-device-width : 1200px) and (max-device-width : 1920px) and (orientation : landscape) {

.terms-and-conditions-section .tc-container:before{width:1045px;}

}



@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) and (orientation : portrait) {

.navbar-light .navbar-nav .nav-link,.header-contact-info ul li i {font-size: 12px;}

.header-contact-info ul li{padding: 0 2px;}

.packageContainer {
    min-height: 160px;
}
.package-img img{max-width:100%;}

.check-details{left:12%;}

.packageInfo{padding-left: 1em;}

.package-img img {margin-top:9px;}

.hajjPackage:after{width: 40%;
    right: 30%;}

.testimonials-section .testimonial-content:after{bottom: -30px;right: 10%;}  

.border-block img{max-width:100%;}  

.packageInfo li{font-size:13px;}

.and-block{top: 72px;}

.ampersand-block:before{top: 18px;
    left: -26px;
    width: 95px;}

.ampersand-block:after{top: 166px;
    left: -26px;
    width: 95px;}

.hotel-section .hotels {
    height: 400px;
}
.terms-and-conditions-section .tc-container:before{ left: 15%;}


.hajj-guide-section.desktop-view .tab-main-content{
    top: 90px;
    height: 195px;

}

.hajj-guide-section.desktop-view .item-content.item-content-wrapper{
    position: relative;
    left: 6%;
}

.hajj-guide-section.desktop-view .item-content.item-content-wrapper:before{
    top: 36%;
    left: -17px;
}


.hajj-guide-section.desktop-view .tabbed-content.tabs-side .tabs{

   padding-top:2%;
}


.hajj-guide-section.desktop-view .tabbed-content .tabs ul:after {
 
     top: 39px;

}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.third-tab .tabs {
    padding-top: 0.5%;
}


.hajj-guide-section.desktop-view .tabbed-content.tabs-side.third-tab .tabs ul:after{

    top:26px;
}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.fifth-tab .tabs{

    padding-top:6%;
}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.fifth-tab .tabs ul:after {
    top: 80px;
}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper{
    left: initial;
    right:6%;
}
.hajj-guide-section.desktop-view .tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper:before{
    left: initial;
    right: -17px;
}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.tabs-side-right .tabs {
    padding-top: 2.5%;
}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.tabs-side-right .tabs ul:after {

    top:45px;
}

}


@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) and (orientation : landscape) {

.terms-and-conditions-section .tc-container:before { width: 995px;}

}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) and (orientation : landscape) {


.terms-and-conditions-section .tc-container:before{
        width: 955px;
}

}


@media only screen and (min-device-width : 900px) and (max-device-width : 1440px) and (orientation : portrait) {

 .hotels{height:375px;}

}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {

.header-block .logo2 {
    padding-top: 20%;
}

.navbar-light .navbar-nav .nav-link,.header-contact-info ul li i {font-size:12px;}

.welcome-section.welcome-info-section .about-div .col-md-4.img-col .welcome-block.welcome-div .img-frame.main-frame {
    top: 117px;
    left: 42px;
}

.header-contact-info ul li{padding: 0 2px;}

.packageContainer {
    min-height: 160px;
}
.package-img img{max-width:100%;}

.check-details{left:12%;}

.packageInfo{padding-left: 1em;}

.hajjPackage:after{width: 40%;
    right: 30%;}

.testimonials-section .testimonial-content:after{bottom: -30px;right: 10%;}  

.border-block img{max-width:100%;}  

.and-block{top: 72px;}

.ampersand-block:before{top: 18px;
    left: -26px;
    width: 95px;}

.ampersand-block:after{top: 166px;
    left: -26px;
    width: 95px;}

.hotel-section .hotels {
    height: 400px;
}

.hajj-guide-section.desktop-view.desktop-device .container .item-content.item-content-wrapper{

        background: url(../images/tab-content-bg.png);
        background-size:100%;
        background-repeat:no-repeat;

}

.hajj-guide-section.desktop-view.desktop-device .container .item-content.item-content-wrapper{

    left:6%;
}
.hajj-guide-section.desktop-view.desktop-device .container .item-content.item-content-wrapper:before {

    top:36%;
}

.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper{
    top:37%;
    right:6%;
}


.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side .tabs {

 padding-top:2.5%;

}
.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side .tabs ul:after {

 top:43px;

}

.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.tabs-side-right .tabs ul:after
{
    top:45px;
}

.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.third-tab .tabs {
    padding-top: 0%;
}
.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.tabs-side.third-tab .tabs ul:after {

top:29px;

}
.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.fifth-tab .tabs {
    padding-top: 5.5%;
}

.hajj-guide-section.desktop-view.desktop-device .container .tabbed-content.tabs-side.fifth-tab .tabs ul:after{

top:74px;

}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : portrait) {

.packages-section .hajjPackage .check-details {
    left: 1% !important;}

}


@media only screen and (min-device-width : 800px) and (max-device-width : 1024px) and (orientation : portrait) {

.packages-section .hajjPackage .check-details{padding: 3px;top: -4%;left:1% !important;}

.hajj-guide-mobile-section.mobile-view.mobile-device{display:none;}

.hajj-guide-section.desktop-view.desktop-device{display:block;}

.hajj-guide-section.desktop-view.desktop-device .item-content.item-content-wrapper{
    background: url(../images/tab-main-content-bg.png); background-size: 100%;
    background-repeat:no-repeat;position:relative;left:18%;}

 .hajj-guide-section.desktop-view.desktop-device  .tab-main-content{top: 95px;height:190px;}

 .hajj-guide-section.desktop-view.desktop-device .item-content.item-content-wrapper:before{
    top: 38%;
    left: -18px;
 }
.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side .tabs{padding-top:5%;}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side .tabs ul:after{top:53px;}


.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.third-tab .tabs{
    padding-top:2%;
}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.third-tab .tabs li:first-child:after, 
.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.third-tab .tabs li:nth-child(3):after {
    top: 28px;
}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.tabs-side.third-tab .tabs ul:after{
    top: 41px;
    height: 300px;
}


.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper{
    left:initial;
    right:18%;
}


.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper:before{

 left:initial;
 right: -18px;

}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.tabs-side-right .tabs ul:after {
    top: 55px;
}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.fifth-tab .tabs {
    padding-top: 9%;
}
.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.fifth-tab .tabs ul:after{

    top:84px;
    right: -34px;
}

.hajj-guide-section.desktop-view.desktop-device .tabbed-content.tabs-side.fifth-tab .tabs li:after{

 width:34px;
 right: -34px;

}

}



@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : portrait) {

.navbar-light .navbar-nav .first-li:after{background:none;position:static;height:initial;}

.header-block .bg-nav{ position: absolute;
    width: 100%;
    top: 100%;
    z-index: 99;}


.logo img {
    max-width: 130px;
}

.logo2 img{max-width: 65px;}

.header-block .logo2 {
    padding-top: 40%;
}


.slider .slider-content {
    top: 35%;}


.packageContainer .package-img img {
    height: auto;
}
.package .border-heading {
    max-width: 95%;
    margin: 0 14px;
    width: 100%;
}
.hajjPackage .check-details {
    left: 27% !important;
    top: -5%;
}

.ampersand-block:before{right:0;left:11%;}

.video-wrapper a:before{
    left: 45%;}


}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {


.logo img {
    max-width: 160px;
}
.logo2 img{max-width:90px;}

.logo2 {
    padding-top: 35%;
}
.navbar-light .navbar-nav .first-li.active:after,
.navbar-light .navbar-nav .first-li:after{background:none;position:static;height:initial;}
.bg-nav{ position: absolute;
    width: 100%;
    top: 100%;
    z-index: 99;}

.main-device{display:none;}
.medium-device{display:block;}

.navbar-toggler{ position: absolute;
    right: 0;
    top: -50px;}


.main-banner .container-fluid{background-position:50%;}

.packageContainer .package-img, .package {
    float: none;
    width: 100%;
}    
.package-img img{max-width:100%;width:100%;height: 260px;}

.right-col {
    padding-top: 22%;
}

.welcome-section figure img {
    max-width: 170px;
}

.check-details a {
    padding-left: 38px;}

.hajjPackage .check-details {
    left: 1%;
    top: -4%;
}    
.package .border-heading {
    max-width: 90%;}
.packageContainer{margin-top:30px;}

.hajjPackage:after{top:22%;}

.hajjPackageContent{padding-top:30%;}    

.hotel-section .hotel-title{margin-left:0;}

.fa.fa-star {
    font-size: 7.5px;
}

.packageContainer .package{padding-bottom:30px;}

.check-details{left: 1%;
    top: -4%;}


.testimonials-section .testimonial-content:before{left:9%;}

.testimonials-section li.second-li .testimonial-content:after {
    right: 16%;
}

.border-block img{max-width: 100%;}

.downloadbtn a{width: 100%; padding: 7px 12px;}

.and-block{font-size: 18px;padding: 3px 10px 4px 11px;}

.and-block{top: 72px;}

.ampersand-block:before{top: 18px;
    left: -30px;
    width: 95px;}

.ampersand-block:after{top: 158px;
    left: -30px;
    width: 95px;}  

.video-wrapper a:before{
    left: 40%;}



.hajj-guide-section.desktop-view{display:none;}

.hajj-guide-mobile-section.mobile-view{display:block;}

.hajj-guide-mobile-section.mobile-view .tabbed-content .item{min-height:0;}


.hajj-guide-mobile-section.mobile-view .tabbed-content{max-width:100%;padding-left:0;padding-right:0;}

.hajj-guide-mobile-section.mobile-view .tabbed-content .item.active .item-content{background:#f0ebe0;
position:relative;}

.hajj-guide-mobile-section.mobile-view .tab-content ol{padding-left:1em;}

.hajj-guide-mobile-section.mobile-view .item.active::before {
    background: #fff;
    box-shadow: 1px 1px 6px #ccc;
    border-radius: 5px;
    color:#563d15;
    font-size: 12px;
    padding: 1em .5em;
}


.hajj-guide-mobile-section.mobile-view .item{margin-bottom:25px;}


.hajj-guide-mobile-section.mobile-view .item.tab-item .tab-content{display:none;}

.hajj-guide-mobile-section.mobile-view .item.tab-item.active .tab-content{display:block;}

.hajj-guide-mobile-section.mobile-view .item-content table tr td, 
.hajj-guide-mobile-section.mobile-view table tr td span{font-size:12px !important;}

.hajj-guide-mobile-section.mobile-view .item::before{
    background: #563d15;
    box-shadow: 1px 1px 6px #ccc;
    border-radius: 5px;
    color:#f9e2b9;
    font-size: 12px;
    padding: 1em .5em;
}

.hajj-guide-mobile-section.mobile-view .item-content h2{font-size:14px; display: none;}

.hajj-guide-mobile-section.mobile-view .item-content:before{content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    right: -4px;
    top: -60px;
    border: 2px solid #fff;
    border-radius: 50%;
    }

.hajj-guide-mobile-section.mobile-view #side_tab1 .item-content::before{
    background: url(../images/advice-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}

.hajj-guide-mobile-section.mobile-view #side_tab2 .item-content::before{
    background: url(../images/boarding-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab3 .item-content::before{
    background: url(../images/hajj-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab4 .item-content::before{
    background: url(../images/stations-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab5 .item-content::before{
    background: url(../images/wisdom-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab6 .item-content::before{
    background: url(../images/pillars-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab7 .item-content::before{
    background: url(../images/obligatory-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab8 .item-content::before{
    background: url(../images/duties-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab9 .item-content::before{
    background: url(../images/perform-hajj-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab10 .item-content::before{
    background: url(../images/places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab11 .item-content::before{
    background: url(../images/restrictions-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab12 .item-content::before{
    background: url(../images/imp-places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab13 .item-content::before{
    background: url(../images/healthy-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab14 .item-content::before{
    background: url(../images/days-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab15 .item-content::before{
    background: url(../images/terminology-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab16 .item-content::before{
    background: url(../images/virtues-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab17 .item-content::before{
    background: url(../images/madina-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab18 .item-content::before{
    background: url(../images/places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab19 .item-content::before{
    background: url(../images/arabic-language-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}

.terms-and-conditions-section .tc-container:before{left:0;}

.terms-and-conditions-section .bg-container{background: url(../images/bg-pattern.png);padding-top: 2rem;}

.terms-and-conditions-section .bg-container:before,
.terms-and-conditions-section .tc-container:before{ background: none;position:static;height:initial;
width:initial;}

.terms-and-conditions-section .bg-container.third-block:before,
.terms-and-conditions-section .tc-container.fourth-block:before{height:initial;}

.terms-and-conditions-section .tc-container.second-block{padding-top:2rem; padding-bottom: 4rem;}

.terms-condition-wrapper,.tc-container .terms-condition-wrapper {
    padding: 30px 0 0;
}

.terms-and-conditions-section .tc-container.fourth-block{padding-top:2rem; padding-bottom: 2rem;}

.packages-wrapper, .package-info-wrapper{display:block;}

.packages-img{width:100%;margin-right:0;margin-bottom: 30px;}

.packages-section .col-md-6{margin-bottom:30px;}


.package-info,.package-info-wrapper .class, .package-info-wrapper .duration,
.package-info-wrapper .hotels-heading, .package-info-wrapper .price-heading,
.package-info-wrapper .hotel-info, .package-info-wrapper .hotel-info{width:100%;}

.package-info-wrapper .hotels-heading, .package-info-wrapper .price-heading
{ border-right:0;border-bottom: 1px dashed #aba8a8;  margin-bottom: 10px;
padding-bottom: 5px;}

.testimonial-section .testimonial-content:after{bottom: -30px; right: 4%;}


 .contactus{max-width:75%;}   

}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {


.navbar-light .navbar-nav .nav-link, .header-contact-info ul li i
{font-size:12px;}

.header-contact-info ul li{ padding: 0 2px;}

.img-frame {
    position: absolute;
    top: 117px;
    left: 42px;
}

.packageContainer{min-height: 160px;}

.package-img img{max-width:100%; margin-top: 9px;}

.check-details{left:12%;}

.packageInfo{padding-left: 1em;}

.hajjPackage:after{width: 40%;
    right: 30%;}

.testimonials-section .testimonial-content:after{bottom: -30px;right: 10%;}  

.border-block img{max-width:100%;}  

.and-block{top: 72px;}

.ampersand-block:before{top: 18px;
    left: -26px;
    width: 95px;}

.ampersand-block:after{top: 166px;
    left: -26px;
    width: 95px;}    


.terms-and-conditions-section .tc-container:before{left:6%;}

.terms-and-conditions-section .bg-container:before{height:570px;}

.terms-and-conditions-section .bg-container.third-block:before {
    height: 550px;
}

.terms-and-conditions-section .tc-container:before {
 height: 650px;
}

.testimonial-section .testimonial-content:after{bottom: -30px; right: 4%;}

.package-info-wrapper p{font-size: 12px; line-height: 14px;}

.packageInfo li{font-size: 13px;}

.tab-main-content{ top: 85px; height: 195px;}

.tabbed-content.tabs-side .item-content.item-content-wrapper{position:relative;left:35px;}
.tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper{left:initial;right:35px;}
.hajj-guide-section.desktop-view .tabbed-content.tabs-side .tabs{padding-top:2.5%;}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.third-tab .tabs{padding-top:0;}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.fifth-tab .tabs{padding-top:5.5%;}

.hajj-guide-section.desktop-view .tabbed-content.tabs-side.fifth-tab .tabs ul:after {
    top: 75px;
}

.tabbed-content.tabs-side .item-content.item-content-wrapper:before{top: 36%;
left: -17px;}
.tabbed-content.tabs-side.tabs-side-right .item-content.item-content-wrapper:before{
    right: -16px;
    left: initial;
}

.tabbed-content.tabs-side.tabs-side-right .tabs ul:after {
    top: 44px;
    height: 258px;
}

.tabbed-content.tabs-side .tabs ul:after{top: 42px;}

.tabbed-content.tabs-side.third-tab .tabs ul:after{top: 28px;
    height: 301px;}

.tabbed-content.tabs-side.third-tab .tabs li:first-child:after, 
.tabbed-content.tabs-side.third-tab .tabs li:nth-child(3):after{top: 27px;}

}


@media all and (min-width: 800px) {

   .item.active .item-content {
    padding-top: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 40px;
  }

  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: block;
    line-height: 16px;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 185px;
    float: left;
    padding-top: 6%;
    position: relative;
  }

 .tabbed-content.tabs-side-right .tabs{
    padding-top:5.5%;
    float:right;
 }

.tabbed-content.tabs-side.tabs-side-right .item{margin-left:0;margin-right:22%;}


  .tabbed-content.tabs-side .tabs li {
    display: block;
    position: relative;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 22%;
  }

}


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


html,body{overflow-x: hidden;}

.bg-nav{width:100%;position:relative;}

.header-block .bg-nav {
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 99;
}

.navbar-light .navbar-nav .first-li.active:after{background:none;}

.header-contact-info, .navbar {
    float: none;
}

.header-contact-info ul li:first-child,.header-contact-info ul li:nth-child(2){display:block;}

.header-contact-info ul li{display:none;} 

.navbar-toggler{position: absolute;
    right: 35px;
    top: -60px;}

   

.logo2 {
    padding-top: 5%;
}

.header-block .container, .header-block .container-fluid{padding:0;}

.slider .img-container img{display:none !important;}

.slider .slider1{ background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/banner_1.jpg);
    background-size: cover;
    height: 65vh;}

.slider .slider2{ background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/banner_2.jpg);
    background-size: cover;
    height: 65vh;}

.slider .slider3{ background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/banner_3.jpg);
    background-size: cover;
    height: 65vh;}    

.about-div::after,.hajjPackage:after{background:none;position:static;}


.about-div .right-col{ background: url(../images/bg-pattern.png);}

.slick-dots li button:before{ opacity: 1 !important;
    color: #d4d4d4 !important;}

.right-col {
    padding-top: 10%;
    padding-bottom: 10%;
}
.welcome-img-block img,.about-welcome-img img,.tc-img-wrap img{max-width:100%;}

.welcome-block h2{text-align:left;padding-top: 20px;}

.welcome-block h2:after{margin:initial;  width: 85%;}

.top-separator img,  .bottom-separator img{
    max-width: 100%;
}

.packages-section .bottom-separator{padding-bottom:12%;}

.hajjPackageContent{background: url(../images/bg-pattern.png); padding: 25px 0;
    margin: 20px 0 0;}

.packageContainer .package-img, .package{float:none;width:100%;text-align:center;}

.packageContainer .package{padding-bottom:30px;}

.check-details{left: 8%;
    top: -5%;}

.packageInfo{padding-left:0;}

.packages-section {
    padding: 1rem 0 3rem;
}

.hajj-packages-body .main-device{display:none;}

.hajj-packages-body .medium-device{display:block;}

.hotels{height:auto;}

.hotels .container{padding:0;}

.hotel-section .hotel-title{margin-left:0;}

.slick-dots{bottom:0 !important;}

.div-separator img{max-width:100%;}

.offices-section .contactinforow {
    padding: 0;
}

.section-separator {
    padding-top: 18%;
}

.contactinforow .col-md-6, .hotels .slide-content .col-md-6{ padding-bottom: 25px;}


.testimonials-section p {
    width: 100%;    margin-bottom: 20px;}


.testimonials-section .testimonial-content{margin-top:40px;}

.testimonials-section .testimonial-content:before{ top: -35px;left: 0%; width: 28px;
  height: 28px;background-size: cover;}

.testimonials-section .testimonial-content:after{width: 28px;
  height: 28px;background-size: cover; bottom:-35px;right:0%;}


  .slider-content {
    top: 25%;
    left: 0%;
    padding: 0 15px;
}

.ampersand-block{text-align:center;}

.and-block{left:42%;}

.ampersand-block:before{border-bottom:1px dashed #fff;transform:none;top: 63px;
  width: 115px; right: 50%;margin-right: 15px;}

.ampersand-block:after{border-bottom:1px dashed #fff;transform:none;top: 63px;
  width: 115px; left: 50%;margin-left: 25px;}  


.main-banner .container-fluid{background-position: 50%;
    height: 70px;}

.welcome-to-row {
    padding: 0;
}

.welcome-to-section{ padding: 3rem 0;}

.welcome-block{text-align:center;}

.welcome-to-content-wrapper{padding-top:35px;}

.terms-and-conditions-section{ padding: 2rem 0 0;}

.terms-and-conditions-section .bg-container .col-md-4{order:1;}

.terms-and-conditions-section .bg-container .col-md-8{order:2;background: url(../images/bg-pattern.png);}

.terms-and-conditions-section .tc-container .col-md-8{background: url(../images/bg-pattern.png);}
.terms-and-conditions-section .bg-container:before,
.terms-and-conditions-section .tc-container:before{background:none;position:static;width:initial;
height:initial;}

.terms-and-conditions-section .bg-container.third-block:before,
.terms-and-conditions-section .tc-container.fourth-block:before{height:initial;}

.terms-and-conditions-section .main-heading,
.terms-and-conditions-section .tc-container.fourth-block{padding-bottom:0;}
.terms-and-conditions-section .bg-container,.terms-and-conditions-section .tc-container
{
    padding-bottom: 2rem;
}
.terms-condition-wrapper,.tc-container .terms-condition-wrapper {
    padding: 30px 0;
}

.tc-img-wrapper{text-align: center;}

.tc-img-wrapper .img-frame{top: 33px;
    left: 0px;}

.tc-img-wrapper .img-frame img {
    padding: 20px;
    width: 80%;
}    

.gallery-video-section .col-md-4{margin-bottom:30px;}

.gallery-video-section .col-md-4:last-child{margin-bottom:0;}

.testimonial-section .col-md-6:nth-child(2), .testimonial-section .col-md-6:first-child,
.testimonial-bg .col-md-6:first-child,.contact-us-section .col-md-6:nth-child(2){margin-bottom:30px;}

.testimonial-section .testimonial-content:after{bottom: -25px;right: 4%;}
.testimonial-section .testimonial-content:before, .testimonial-bg .testimonial-content:before{
top:-14px; left: -4px;}

.testimonial-section,.testimonial-bg .container-fluid{ padding: 3rem 0 2rem;}


.contactus{max-width:100%;}


.vip-section{height:100%;}

.hotel-img-section{ margin-top: 0;
    padding-top: 4rem;}

.hotel-img-section .col-md-6{margin-bottom:30px;}

.hotel-img-section .col-md-6:last-child{margin-bottom:0;}


.packages-wrapper, .package-info-wrapper{display:block;}

.packages-img{width:100%;margin-right:0;margin-bottom: 30px;}

.packages-section .col-md-6{margin-bottom:30px;}


.package-info,.package-info-wrapper .class, .package-info-wrapper .duration,
.package-info-wrapper .hotels-heading, .package-info-wrapper .price-heading,
.package-info-wrapper .hotel-info, .package-info-wrapper .hotel-info{width:100%;}

.package-info-wrapper .hotels-heading, .package-info-wrapper .price-heading
{ border-right:0;border-bottom: 1px dashed #aba8a8;  margin-bottom: 10px;
padding-bottom: 5px;}

.packages-section {
    padding: 1rem 0;
}
.package-duration-section .duration-row {
    padding: 0;
}
.package-duration-section {
    padding: 0 0 3rem;
}

.hajj-guide-section.desktop-view{display:none;}

.hajj-guide-mobile-section.mobile-view{display:block;}

.hajj-guide-mobile-section.mobile-view .tabbed-content .item{min-height:0;}


.hajj-guide-mobile-section.mobile-view .tabbed-content{max-width:100%;padding-left:0;padding-right:0;}

.hajj-guide-mobile-section.mobile-view .tabbed-content .item.active .item-content{background:#f0ebe0;
position:relative;}

.hajj-guide-mobile-section.mobile-view .tab-content ol{padding-left:1em;}

.hajj-guide-mobile-section.mobile-view .item.active::before {
    background: #fff;
    box-shadow: 1px 1px 6px #ccc;
    border-radius: 5px;
    color:#563d15;
    font-size: 12px;
    padding: 1em .5em;
}


.hajj-guide-mobile-section.mobile-view .item{margin-bottom:25px;}


.hajj-guide-mobile-section.mobile-view .item.tab-item .tab-content{display:none;}

.hajj-guide-mobile-section.mobile-view .item.tab-item.active .tab-content{display:block;}

.hajj-guide-mobile-section.mobile-view .item-content table tr td, 
.hajj-guide-mobile-section.mobile-view table tr td span{font-size:12px !important;}

.hajj-guide-mobile-section.mobile-view .item::before{
    background: #563d15;
    box-shadow: 1px 1px 6px #ccc;
    border-radius: 5px;
    color:#f9e2b9;
    font-size: 12px;
    padding: 1em .5em;
}

.hajj-guide-mobile-section.mobile-view .item-content h2{font-size:14px; display: none;}

.hajj-guide-mobile-section.mobile-view .item-content:before{content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    right: -4px;
    top: -60px;
    border: 2px solid #fff;
    border-radius: 50%;
    }

.hajj-guide-mobile-section.mobile-view #side_tab1 .item-content::before{
    background: url(../images/advice-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}

.hajj-guide-mobile-section.mobile-view #side_tab2 .item-content::before{
    background: url(../images/boarding-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab3 .item-content::before{
    background: url(../images/hajj-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab4 .item-content::before{
    background: url(../images/stations-btn.png), linear-gradient(#f9e2b9, #f9e2b9);
}
.hajj-guide-mobile-section.mobile-view #side_tab5 .item-content::before{
    background: url(../images/wisdom-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab6 .item-content::before{
    background: url(../images/pillars-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab7 .item-content::before{
    background: url(../images/obligatory-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab8 .item-content::before{
    background: url(../images/duties-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab9 .item-content::before{
    background: url(../images/perform-hajj-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab10 .item-content::before{
    background: url(../images/places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab11 .item-content::before{
    background: url(../images/restrictions-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab12 .item-content::before{
    background: url(../images/imp-places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab13 .item-content::before{
    background: url(../images/healthy-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab14 .item-content::before{
    background: url(../images/days-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab15 .item-content::before{
    background: url(../images/terminology-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab16 .item-content::before{
    background: url(../images/virtues-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab17 .item-content::before{
    background: url(../images/madina-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab18 .item-content::before{
    background: url(../images/places-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}
.hajj-guide-mobile-section.mobile-view #side_tab19 .item-content::before{
    background: url(../images/arabic-language-btn.png), linear-gradient(#f9e2b9, #f9e2b9);   
}



.newsletter .col-md-8{padding: 7rem 15px 0;}

.page-footer h5,.list-unstyled{text-align:left;}

.footer-copyright{ padding-bottom: 0 !important;}


.footer-copyright, .footer-copyright a,.bottom-footer .social-links{text-align:center !important;}

}


@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {

.logo img {
    max-width: 130px;
}

.logo2 img{max-width: 65px;}

.logo2 {
    padding-top: 40%;
}
.bg-nav{ position: absolute;
    width: 100%;
    top: 100%;
    z-index: 99;}

.navbar-light .navbar-nav .first-li:after{background:none;position:static;height:initial;}


.ampersand-block:after{width: 200px;
    left: 48%;}

.package-img img{height:auto;}

.check-details {
    top: -5%;
    left: 28%;
}

.ampersand-block:before{right:0;left:0;width: 200px;}

.video-wrapper a:before{left:45%;}

}




/********** Google Pixel ***********/

@media only screen and (min-device-width : 411px) and (max-device-width : 731px) and (orientation : portrait) {

.check-details {
    left: 19% !important;}
.and-block {
    left: 45%;
}

.newsletter .ampersand-block:before,.newsletter .ampersand-block:after {
    width: 160px;
}

.newsletter .ampersand-block:after{margin-left:32px;}

}


@media only screen and (min-device-width : 411px) and (max-device-width : 731px) and (orientation : landscape) {

 .logo img {
    max-width: 130px;
}

.logo2 img{max-width: 65px;}

.logo2 {
    padding-top: 40%;
}

  .package-img img{height:auto;}

  .check-details {
    top: -5%;
    left: 28%;
}

  .package .border-heading{width:100%;}

  .and-block {
    left: 47%;
}

  .ampersand-block:before{width: 220px;left:0;}
  .ampersand-block:after{width: 220px; margin-left: 50px;}


.video-wrapper a:before{left:45%;}

}




/********** Samsung *************/

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) {


.ampersand-block:before,.ampersand-block:after{width:130px;}
.check-details {
    left: 14%;}
}



@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {

.logo img {
    max-width: 130px;
}

.logo2 img{max-width: 65px;}

.logo2 {
    padding-top: 40%;
}

.navbar-light .navbar-nav .first-li:after{background:none;position:static;height:initial;}

.bg-nav {
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 99;
}


.package-img img{height:auto;}

.check-details {
    left: 30%;
    top: -5%;
}

.package .border-heading{width:100%;}

.and-block {
    left: 47%;
}

.ampersand-block:before{width: 220px;}
.ampersand-block:after{width: 220px; margin-left: 50px;}

.header-contact-info, .navbar {
    float: none;
}
.ampersand-block:before{left:0;}

.video-wrapper a:before{left:45%;}

}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

.logo2 {
    padding-top: 5%;
}
.navbar-toggler{right:32px;}
.ampersand-block:before {
    width: 228px;
}

.ampersand-block:before{left:9px;}

.video-wrapper a:before{left:45%;}


}

/******** Iphone 4 ***********/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {

.navbar-toggler{right:32px;} 
.logo2{padding-top: 5%;}

.check-details {
    left: 23%;
    top:-5%;}
.package .border-heading {
    max-width: 95%;
    margin: 0 14px;
    width: 100%;
}
.and-block {
    left: 46%;
}

.ampersand-block:before{width: 192px;  margin-right: 25px;}
.ampersand-block:after{ width: 180px; margin-left: 40px;}

}