/* CSS Document */
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.eot');
    src: local('?'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.eot');
    src: local('?'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*-----------general css----------*/
body{
    padding:0px;
    margin:0px; 
    font-family:'OpenSans-Regular', Arial, Helvetica, sans-serif;
    font-size:14px;
}
h2,h3,h4,h5{font-family: 'OpenSans-SemiBold';}
h2{font-size: 56px;}
h3{font-size: 36px;}
h4{ font-size: 24px;}
h5{font-size: 20px; letter-spacing: 0px;}
h2.heading{font-family: 'OpenSans-Bold'; margin:30px 0 40px; text-align: center; text-transform: uppercase; font-size: 28px; color: #898989; letter-spacing: 10px; }
p{font-family: 'OpenSans-Regular';}
a.btn1, a.btn2, a.btn-1{
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;    
    -webkit-border-radius: 30px;    
    border-radius: 10px; 
    -moz-border-radius:30px;
    -khtml-border-radius:30px;
    padding:10px 25px;  
    text-transform: uppercase;
    text-decoration: none;
}
a:hover{
  text-decoration: none;
}
img{max-width:100%;}
.no-top-margin{margin-top:0px !important;}
.no-margin{margin:0px !important;}
.underline{ display:block; width:calc(100% - 28px); padding:0 0 20px; margin:0 auto 20px; border-bottom:1px solid #bbbbbb;}
.balance{clear: both; padding: 0 0 1px;}
.mobile-only{display:none;}

#banner-destination-area .item1, #banner-story-area .item1, 
#banner-destiny-area .item1, #banner-dashboard-area .item1, 
#banner-library-area .item1, #banner-issue-area .item1, 
#banner-registration-area .item1, #banner-subscription-area .item1, 
#banner-otherstory-area .item1, #banner-mylibrary-area .item1, 
#banner-buysubscription-area .item1, #banner-paidsubscription-area .item1,
#banner-payment-area .item1, #banner-viewindex-area .item1,
#banner-editprofile-area .item1, #banner-dbcontact-area .item1,
#banner-contactus-area .item1, #banner-cart-area .item1{
    position: relative;
    z-index: 0;
}
#banner-destination-area .item1::after, #banner-story-area .item1::after, 
#banner-destiny-area .item1::after, #banner-dashboard-area .item1::after, 
#banner-library-area .item1::after, #banner-issue-area .item1::after, 
#banner-registration-area .item1::after, #banner-subscription-area .item1::after, 
#banner-otherstory-area .item1::after, #banner-mylibrary-area .item1::after, 
#banner-buysubscription-area .item1::after, #banner-paidsubscription-area .item1::after, 
#banner-payment-area .item1::after, #banner-viewindex-area .item1::after,
#banner-editprofile-area .item1::after, #banner-dbcontact-area .item1::after,
#banner-contactus-area .item1::after,  #banner-cart-area .item1::after{
    position: absolute;
    z-index: 2;
    content:'';
    background-image:linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 70%, transparent);
    top:0px;
    left:0px;
    display: block;
    width:100%;
    height:100%;
}
#banner-destination-area .left, #banner-story-area .left, 
#banner-destiny-area .left h2, #banner-dashboard-area .left h2, 
#banner-library-area .left h2, #banner-issue-area .left h2, 
#banner-registration-area .left h2, #banner-subscription-area .left h2, 
#banner-otherstory-area .left h2, #banner-mylibrary-area .left h2, 
#banner-buysubscription-area .left h2, #banner-paidsubscription-area .left h2,
#banner-payment-area .left h2, #banner-editprofile-area .left h2, 
#banner-dbcontact-area .left h2, #banner-contactus-area .left h2,
#banner-cart-area .left h2{
    position: relative;
    z-index: 3;
}
#banner-destination-area .right, #banner-destiny-area .right, #banner-library-area .right
{
    position: relative;
    z-index: 3;
}
/*---------------go to top---------------------------*/
a.back-to-top {
  display: none;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  background: rgba(246,77,99,.8) url("../../../assets/images/up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius:50%;
  transition: all .3s ease;
}
a:hover.back-to-top {
  background-color: rgba(246,77,99,1);
  transition: all .3s ease;
}

/*------------------sticky navigation------------------------*/
.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}
/*------------------custom select css start------------------------*/
/*the container must be positioned relative:*/
.distance-area2 .drop-area1{
    margin: 0 0 17px;
}
.custom-select {
  position: relative; 
  height:auto;
  padding:0px; 
  -webkit-border-radius: 0px;    
  border-radius: 0px; 
  -moz-border-radius:0px;
  -khtml-border-radius:0px;
  width: calc(100% - 39px) !important;
  left: -5px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  padding: 5px 16px 4px 7px;
  border: 0px solid transparent;  
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height: 140px;
  overflow-y: auto;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/*------------------custom select css end------------------------*/


/*-----------navigation and banner slider css start----------*/
.navigation-area .navbar{padding:0px;}
.navigation-area .navbar-nav{flex:1; justify-content: flex-end;}
.navigation-area{ background: #000; }
.navigation-area .navbar-toggler {
    outline: none;
    color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,0);
}
.navigation-area ul{margin: 0px; padding:0px;}
.navigation-area ul li{ line-height: 2.5;}
.navigation-area .navbar-nav a.nav-link  {
    font-family: 'OpenSans-SemiBold';  color:#fff !important; text-transform: uppercase;
    padding: 30px 15px;    
}
.navigation-area .nav-item .dropdown .nav-link{font-family: 'OpenSans-SemiBold';  font-size: 14px; padding:36px 15px 36px; color:#fff; text-transform: uppercase; position:relative;
   border-radius: 0px;}
.navigation-area .nav-item .dropdown .nav-link.active{ background: #f64d63; padding: 36px 18px 36px 15px;}
.navigation-area .nav-item .dropdown .nav-link.active::before{
    position: absolute;
    z-index: 2;
    content: '';
    bottom: -11px;
    left: 45%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f64d63;
}
.navigation-area .nav-item .dropdown .nav-link.active::after {
    position: absolute;
    z-index: 2;
    content: '';
    bottom: -6px;
    left: -5px;
    width: 102%;
    height: 0;
    height: 8px;
    display: block;
    background: #f64d63;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
    border-top: 0px;
}


.navigation-area .nav-item .dropdown.login-dropdown .nav-link{padding: 34px 15px;}
.navigation-area .nav-item .dropdown .nav-link.search-dropdown{ padding: 33px 15px;}
.navigation-area .nav-item .dropdown .nav-link:focus{outline:none; box-shadow: none;}
.navigation-area .nav-item .dropdown .dropdown-menu{font-family: 'OpenSans-SemiBold'; width: 178px; -webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius:0px;
-khtml-border-radius:0px; padding:0; font-size: 14px; background: #000; color:#fff; text-transform: uppercase;}
.navigation-area .nav-item .dropdown.login-dropdown .dropdown-menu{width: 224px; }
.navigation-area .nav-item .dropdown.login-dropdown img{top:0px;}
.navigation-area .nav-item .dropdown .dropdown-menu a{display: block; padding: 3px 15px; font-size: 14px; color:#fff; text-decoration: none;}
.navigation-area .nav-item .dropdown .dropdown-menu a:hover{background:#f64d63;}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
}
.navigation-area .navbar-nav a.nav-link.active{position:relative; background: #f64d63; }
.navigation-area .navbar-nav a.nav-link.active::before{
    position: absolute;
    z-index: 2;
    content:'';
    bottom:-10px;
    left:45%;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;  
    border-top: 5px solid #f64d63;
}
.navigation-area .navbar-nav a.nav-link.active::after{
    position: absolute;
    z-index: 2;
    content:'';
    bottom:-5px;
    left:0;
    width: 100%; 
    height: 0; 
    height:5px;
    display: block;
    background: #f64d63;
}
.navigation-area .search-area {margin-left: 3%;}
.navigation-area .login-area {margin-left: 3%;}
.navbar-toggler-icon{color:#fff;}

.navigation-area .dropdown-toggle span.link-1{position:relative;}
.navigation-area .dropdown-toggle span.link-1::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: -13px;
    top: 7px;
}




.search-area img, .login-area img{height:25px; width:auto;}
.search-area #cont {    
    width: 300px;
    position: absolute;
    z-index: 99999;
    left: -100px;
    background: #000;
    padding: 5px;
}
.search-area #cont input[type="text"]{
    display: inline-block;
    width: 60%;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    background: #fff;
    color: #333;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}
.search-area #cont .btn{
    display: inline-block;
    width: 40%;
    position: relative;
    top: 1px;   
    font-family: 'OpenSans-SemiBold';
    text-transform: uppercase;
    height: 34px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-color: #f64d63 !important;
    border: 1px solid #f64d63;
    -webkit-border-radius: 0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
}
.login-area img{float:left; padding:0 3px 0 0; position: relative; top:5px;}
.cart-area{position: relative;}
.cart-area span{position: absolute; top: 26px; left: 35px; display: block; width:20px; height:20px; -webkit-border-radius:50%;    
border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%;  background:#f64d63; color:#fff; font-size:11px; text-align: center; line-height: 1.8; }

#slider1 .item{ 
    display:block;
    height:600px;
    padding:4% 0 0;
    box-sizing:border-box;
    width:100%;
    text-align:center;
}
#slider1.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: relative;
    z-index: 2;
    top: -40px;
}
#slider1 .item1{
    position:relative;
    z-index:0;
    background:url(../images/banner1.jpg) center center no-repeat;
    background-size:cover;
}
#slider1 .item1::after{
    position: absolute;
    z-index:1;
    content: '';
    background-image: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 70%, transparent);
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}
#slider1 .item2{
    background:url(../images/banner1.jpg) center center no-repeat;
    background-size:cover;
}
#slider1 .item3{
    background:url(../images/banner1.jpg) center center no-repeat;
    background-size:cover;
}
#slider1 .left{
    position:relative;
    z-index:2;
    display: inline-block !important;
    width:66%  !important;
    vertical-align:top;
    text-align: left;   
    font-size:40pt;
    color:#fff;
    display:block;
    width:80%;
    margin:14% 0 0;
    font-weight:normal;
}
#slider1 .left span{
    background:#f64d63;
    color:#fff;
    font-size: 16px;
    letter-spacing: 5px;
    display: inline-block;
    padding:5px 20px;
}
#slider1 .left h2{font-family: 'OpenSans-SemiBold'; color:#fff; letter-spacing: 1px; }
#slider1 .left p{font-family: 'OpenSans-Regular'; font-size:18px; letter-spacing: 1px; margin-bottom: 0;}
#slider1 .btn-area{display: block; width: 84.5%;}
.btn-area .btn-area-left, .btn-area .btn-area-left2, .btn-area .btn-area-right{display: inline-block; width:48%; vertical-align: top;}
.btn-area-left2{width:37% !important; text-align: right;}
.btn-area .btn-area-left, .btn-area .btn-area-left2 {margin: 10px 0 0;}
#slider1 .left .link1{font-family: 'OpenSans-Regular'; font-size: 18px; cursor: pointer; text-transform: uppercase; color:#fff; text-decoration: none;}

#slider1 .left .link1 i{color:#f64d63; margin: 0 10px 0 0;}
#slider1 .right{
    position:relative;
    z-index:2;
    display: inline-block !important;
    width:252px !important;
    vertical-align:top;
    text-align: center;
    margin: 17px 0 0;
}
#slider1 .right h5{position:relative; font-family: 'OpenSans-Regular'; text-transform: uppercase; color:#fff; letter-spacing: 3px; margin: 0 0 25px;}
#slider1 .right h5:after{ position: absolute;  content: ''; bottom: -10px; left: 45%; border-bottom: 4px solid #f64d63; width: 20px;}
#slider1 img{
    width:100%;
    max-width:252px;
  max-height: 322px;
}
#slider1 a.btn1, #slider1 a.btn2{
    display: inline-block;  
    background: #f64d63;    
    color:#fff; 
    margin: 28px 0 0;   
}
#slider1 a.btn2{
    margin:0px 0 0; 
}
/*----------modal popup css start----------*/
.modal-dialog {
    max-width: 400px;
 }
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-header {display: block; padding: 5px !important; border-bottom: none; position: relative; justify-content: center;}

.modal-header .close{color:#fff; opacity:1; position: relative; top: -48px;}
.modal-header .close:hover,.modal-header .close:hover{outline: none; border: 0px;}
.modal-dialog {
    margin-top:8% !important;
}
.modal-login .avatar img {
    width: 100%;
}
.modal-login .avatar {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -34px;
    width: 70px;
    height: 70px;
    -webkit-border-radius:50%;    
    border-radius:50%;    
    -moz-border-radius:50%;    
    -khtml-border-radius:50%; 
    z-index: 9;
    background: #f64d63;
    padding: 15px;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.modal-login .modal-content {
    padding: 0 10px 20px;
    -webkit-border-radius:5px;    
    border-radius:5px;    
    -moz-border-radius:5px;    
    -khtml-border-radius:5px; 
    border: 2px solid #f64d63;
    background-color: #000;
}
.modal-login .modal-header {
    border-bottom: none;
    position: relative;
    justify-content: center;
}
.modal-login h4 {
    width:100%;
    color:#f1f1f1;
    text-align: center;
    font-size: 26px;
    margin: 43px 0 -30px;
}
.modal-body .form-control {
    color: #fff;
    background-color: #000;
}
.modal-login .btn, .modal-login .btn:active {
    color: #fff;
    -webkit-border-radius: 4px;    
    border-radius: 4px; 
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    background: #f64d63 !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}
.modal-login .modal-footer {
    font-family: 'OpenSans-SemiBold';
    border:0px;
    text-align: center;
    justify-content: center;
    margin: 0 0px -20px;    
    font-size: 13px;
    color: #f1f1f1;
}
.new_user {
    font-family: 'OpenSans-SemiBold';
    color: #f1f1f1 !important;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.new_user:hover {text-decoration: none;}
.new_user span {
    color: #f64d63;
}
/*----------explore area css start----------*/
.explore-area h2.heading{margin-top:90px; }
.explore-box1, .explore-box2{position: relative; z-index: 0;}
.explore-box1 img, .explore-box2 img{position:relative; width:100%;}

.explore-box1::after, .explore-box2::after{
position: absolute;
content: '';
background-image: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 70%, transparent);
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
}




.explore-box1 .text-area, .explore-box2 .text-area{
    position: absolute;
    left:0px;
    top:15%;
    z-index: 1;
}
.explore-box2 .text-area{top:35%;}
.explore-box1 .text-area span{
    background:#f64d63;
    color:#fff;
    font-size: 16px;    
    display: inline-block;
    padding:5px 20px;
}
.explore-box1 .text-area h2, .explore-box2 .text-area h2{
    color:#000; letter-spacing: 1px; padding-left:8%; padding-top:5%;
}
.explore-box1 .text-area p, .explore-box2 .text-area p{font-family: 'OpenSans-SemiBold'; font-size:18px; margin-bottom: 0; padding-left:8%;}

.explore-box1 .text-area p.wht-text, .explore-box2 .text-area p.wht-text{ border-left: 3px solid #f64d63; padding-left: 10px; font-size:16px; color: #fff; margin: 10% 0 0 8%;}
.explore-box1 .text-area p.wht-text{ margin: 7% 0 0 8%;}
.explore-box1 .text-area span.wht-text, .explore-box2 .text-area span.wht-text{background:none; padding:0px; font-family: 'OpenSans-Regular';  font-size:16px; color: #fff;  margin: 1% 0 0 8%; }
.explore-box1 .text-area span.wht-text{width:60%;}
.explore-box1 .text-area .link1,.explore-box2 .text-area .link1, .stories-area .link1{display:block; font-family: 'OpenSans-Regular'; font-size: 16px; cursor: pointer; text-transform: uppercase; color:#fff; text-decoration: none; margin: 0 5% 0 8%;}
.explore-box1 .text-area .link1{margin-top:2%; }
.explore-box1 .text-area .link1 i, .explore-box2 .text-area .link1 i, .stories-area .link1 i{color:#f64d63; font-size:16px; margin: 0 10px 0 0;}

.explore-box2{margin: 0 0 7px;}
.explore-box2 .text-area h2{ padding-top:2%; margin:0 0 1%; font-size: 18px; letter-spacing: 0px;}
.explore-box2 .text-area p{font-family: 'OpenSans-Regular'; font-size: 12px; line-height: 1.3;}
.explore-box2 .text-area p.wht-text{font-size: 12px; margin-top:3%;}
.explore-box2 .text-area span.wht-text{font-family: 'OpenSans-Regular'; font-size: 12px;}
.explore-box2 .text-area .link1{float: right; position: relative;top: -20px;}
.white{color:#fff !important;}
.btn-area-1{display: block; text-align: center;}
 a.btn-1{
    display:inline-block;
    background: #f64d63;    
    color:#fff; 
    margin: 55px auto 20px;
    font-family: 'OpenSans-Bold';
    
}


/*----------library-area css start----------*/
.library-area  a.btn-1{position: relative; left: -66px;}
.library-area{background:#d9dbda; padding:120px 0 0px; background: linear-gradient(to right, #d9dbda 0%, #d9dbda 68%, #333 68%, #333 100%);}
.margin1{padding: 30px 0 0;}
#slider2{position: relative; width: 86%;} 
#slider2 .item{height: auto;}
#slider2 .item p{display:block; margin:20px 0 0; width:100%; max-width:213px;  font-size: 20px; color:#333; text-align: center;}
#slider2 .owl-nav, #slider3 .owl-nav{position: absolute; top:0; width: 100%;}
#slider2.owl-theme .owl-nav [class*=owl-], #slider3.owl-theme .owl-nav [class*=owl-]{
    font-family: 'OpenSans-Regular';
    color: #303030 !important;
    font-size: 65px !important;
}
#slider2.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left:-48px;
    top: 44px;
}
#slider2.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right:-34px;
    top: 44px;
}
#slider3.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left:0px;
    top: 145px;
}
#slider3.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right:-40px;
    top: 145px; 
}
#slider2.owl-theme .owl-nav [class*=owl-]:hover, #slider2.owl-theme .owl-nav [class*=owl-]:focus,
#slider3.owl-theme .owl-nav [class*=owl-]:hover, #slider3.owl-theme .owl-nav [class*=owl-]:focus,
#slider5.owl-theme .owl-nav [class*=owl-]:hover, #slider5.owl-theme .owl-nav [class*=owl-]:focus,
#slider6.owl-theme .owl-nav [class*=owl-]:hover, #slider6.owl-theme .owl-nav [class*=owl-]:focus{
    background: transparent;
    outline: 0px !important;
}
#slider2.owl-carousel .owl-nav .button:focus, 
#slider3.owl-carousel .owl-nav .button:focus, 
#slider5.owl-carousel .owl-nav .button:focus,
#slider6.owl-carousel .owl-nav .button:focus{
    outline: 0px !important;
}

#slider2.owl-carousel .owl-item img{box-shadow: 0 4px 8px 4px rgba(0,0,0,.25); max-width:213px;}

.dark-gray-area{position: relative;top: -68px; left: 18%; background: #333; text-align: left;}

.dark-gray-area img.free-read{position: relative; z-index: 1; top: 8px;}
.dark-gray-area img.car-img{max-width:213px;}
.dark-gray-area a.btn1{
    display: block;
    background: #f64d63;
    color: #fff;
    margin: 37px 13% 0;
    text-align: center;
    width: 148px;
    box-sizing: border-box;
}
#slider2.owl-theme .owl-dots .owl-dot span{background:#a8a8a8;}
.owl-theme .owl-dots .owl-dot.active span {
    background: #f64d63 !important;
    width: 20px;
    height: 7px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 6px;
}

/*----------car-rental-area css start----------*/
.car-rental-area{padding:68px 0 40px;}
.car-rental-area img{width:100%; max-width:752px;}


/*----------stories-area css start----------*/
.stories-area .stories-box{position: relative;}
.stories-area .stories-box::after{
position: absolute;
    content: '';
    background-image: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 70%, transparent);
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}
.stories-area .stories-box img{width:100%;}
.stories-area .img-text1{
    position: absolute;    
    top: 0%;
    z-index: 1;
    width: 85%;
}
.stories-area .img-text1 span{
    background:#f64d63;
    color:#fff; 
    display: inline-block;
    padding:5px 15px;
}
.stories-area .img-text1 h4{
    font-family: 'OpenSans-SemiBold'; color:#fff;  padding-left:6%; padding-top:40%;
}
.stories-area .first-row .img-text1, .stories-area .second-row .img-text1{top: 7%;}
.stories-area .first-row .img-text1 h4 {    
    padding-top: 39%;
}
.stories-area .second-row .img-text1 h4{padding-top: 33%;}
.stories-area p{ font-size: 14px; padding: 10px 0 10px; margin-bottom: 10px;}
.stories-area .link1{font-family: 'OpenSans-SemiBold'; color:#000;}
.stories-area .img-text1 .link1{ color:#fff; margin-top: 6%; margin-left: 8%;}
.first-row{margin-bottom:30px;}


/*----------do-you-know-area css start----------*/

.do-you-know-area{background:#e7e7e7; margin:60px 0 0; padding:100px 0; }
.do-you-know-area img{width:100%; height: 330px;}
.do-you-know-area .know-box1{position: relative;}
.do-you-know-area .know-text1{position: absolute; top: 8%; z-index: 1; width: 90%;}
.do-you-know-area h4{font-family: 'OpenSans-SemiBold'; text-transform: uppercase; color: #fff;  padding-left: 10%; padding-top: 10%;}
.do-you-know-area h6{font-family: 'OpenSans-Regular'; color: #000; font-size:20px; padding-left: 10%; padding-top: 10%;}
.do-you-know-area .btn-area-right{display: block; text-align: right;}
 .btn-area-right .btn2{  
    font-size: 16px;    
    background: #fff;    
    color: #000;    
    margin: 10px 0 0;   
}
.do-you-know-area .ad-area{padding-left: 1.5%;}
/*----------handbook-area css start----------*/
.handbook-area{margin:30px 0; padding:50px 0;}
.handbook-area h4{position: relative; top:-5px;}
.handbook-area h4, .handbook-area h5{font-family: 'OpenSans-Bold'; text-transform: uppercase; margin: 0px;  line-height: 1.1;}
.handbook-area h4{color:#43362e;}
.handbook-area h5{padding: 0 0 10px;}
/*.handbook-area img{width:100%; }*/
.price-area{display:inline-block; margin:0 0 0;}
.price-area h3{font-family: 'OpenSans-Bold'; color:#000; letter-spacing:-1px; }
.handbook-area .btn-area2{display:inline-block; }
.handbook-area .btn-area2 .btn-1{position:relative; top:-18px; font-size: 18px; padding: 15px 45px; margin: 0 0 0 30px; }
.handbook-area .book-img,.handbook-area .book-text{padding-top:5%;}
.handbook-area .book-text {padding-left: 3%;}

/*----------canvas-area css start----------*/
.canvas-area{background: #333; padding:80px 0;}
.canvas-area h2.heading{color:#FFFFFF;  font-size: 23px; letter-spacing: 0px; /*padding-left:15%;*/ margin-bottom: 10px;}
.canvas-area h2.heading img{/*float: right;*/ position: relative; right:10px;}
#slider3.owl-theme .owl-nav [class*=owl-]{
    font-family: 'OpenSans-Regular';
    color: #fff !important;    
}
#slider3.owl-carousel .owl-nav button.owl-next{ 
    right:0px;
}
#slider3.owl-theme .owl-dots {    
    top: 50px;
    position: relative;
} 
.canvas-area p{color:#fff; font-size: 13px;}
.canvas-area p span{color:#f64d63; display: inline-block; padding:0 10px;}
.canvas-area .bot{display: block; width: 84%; margin: 0 auto;}
.canvas-area .bot-left{display: block; width: 84%; margin: 20px auto 0; }
.canvas-area .bot-right{display:block; vertical-align: top; margin:0; width:100%; margin: 0 auto;}
.canvas-area .bot-left{text-align: left;}
.canvas-area .bot-right{text-align:right; }
.canvas-area .bot-right h5{position: relative; top:-58px; z-index: 10;}
.canvas-area .bot-right h5, .canvas-area .bot-right h5 a{font-family: 'OpenSans-Regular'; color:#fff; text-transform: uppercase; text-decoration: none;}
.canvas-area .bot-right h5 i{ color:#f64d63; margin: 0 10px 0 0;}

/*----------subscribe-area css start----------*/
.subscribe-area{background:#f64d63; padding:40px 0 0; text-align: center; }
.subscribe-area .subs-btn{display:inline-block;}
.subs-btn a.btn-3{position:relative; display: inline-block; margin-right:100px;  color:#fff; cursor: pointer; border:2px solid #fff;  padding:10px 25px; -webkit-border-radius: 30px 0 0 30px;    
border-radius: 30px 0 0 30px; -moz-border-radius:30px 0 0 30px; -khtml-border-radius:30px 0 0 30px; text-decoration: none;}
.subs-btn a.btn-3:after{
    position: absolute;
    z-index: 1;
    content: '';
    background: url(../images/subs-btn-icon.png) no-repeat 10px 0;
    display: block;
    padding-right: 20px;
    width: 67px;
    height: 57px;
    top: -9px;
    right: -39px;
}

.subscribe-area .grab-btn{display:inline-block;}
.grab-btn .btn2{font-family: 'OpenSans-Bold'; background: #fff; color:#000; text-transform:none; }
.subscribe-area .subs-img-area{margin-top: 35px; margin-left: -15px; margin-right: -15px;}
.subscribe-area img{width:100%;}



/*----------footer-area css start----------*/
.footer-area{background:#000; padding:60px 2%;}
.footer-area p{ font-size: 12px; color: #c5c6c6;  margin: 0px;}
.footer-area p span{color:#8b8b8b;}
.footer-area ul{text-align: center; margin: 0px;}
.footer-area ul, .footer-area ul li{list-style: none;}
.footer-area ul li{display:inline-block; padding:0 10px; text-transform: uppercase; }
.footer-area ul li a{font-family: 'OpenSans-Bold'; font-size: 11px; color: #c5c6c6; text-decoration: none;}
.footer-area .social-area{text-align: right;}
.footer-area .social-area a{ display: inline-block;  padding:0 10px; }
.footer-area .social-area img{width:auto; height: 17px;}

#slider2.owl-carousel .owl-nav button.owl-prev span, #slider3.owl-carousel .owl-nav button.owl-prev span,
#slider2.owl-carousel .owl-nav button.owl-next span, #slider3.owl-carousel .owl-nav button.owl-next span{       
        display: inline-block;
        width: 30px;
        height:59px;
        font-size:0px;
    }
#slider2.owl-carousel .owl-nav button.owl-prev span{
        background:url(../images/prev-arrow.png) 0 0 no-repeat;
    }
#slider2.owl-carousel .owl-nav button.owl-next span{
        background:url(../images/next-arrow.png) 0 0 no-repeat;
    }
#slider3.owl-carousel .owl-nav button.owl-prev span {
    background:url(../images/prev-arrow2.png) 0 0 no-repeat;
    }   
#slider3.owl-carousel .owl-nav button.owl-next span {
    background:url(../images/next-arrow2.png) 0 0 no-repeat;    
   }
#slider3.owl-carousel .owl-item img {    
    width: 84%;
    margin: 0 auto;
}
/*------------------drive destination page---------------------------*/
#banner-destination-area .item1 {
    background:url(../images/banner-destination.jpg)  center 30%  no-repeat;
    background-size:cover;
    padding: 0 0 6.7%;
    height:469px;
}
#banner-destination-area .left, #banner-story-area .left,
#banner-destiny-area .left, #banner-dashboard-area .left,
#banner-library-area .left, #banner-issue-area .left,
#banner-registration-area .left, #banner-subscription-area .left,
#banner-otherstory-area .left, #banner-mylibrary-area .left,
#banner-buysubscription-area .left, #banner-paidsubscription-area .left,
#banner-payment-area .left, #banner-editprofile-area  .left, 
#banner-dbcontact-area .left, #banner-contactus-area .left,
#banner-cart-area .left{
    display: inline-block !important;
    width:69%  !important;
    vertical-align:top;
    text-align: left;   
    font-size:40pt;
    color:#fff; 
    margin: 13% 0 0;
    font-weight:normal;
}
#banner-destination-area .left span, #banner-story-area .left span
{
    background:#f64d63;
    color:#fff;
    font-size: 16px;
    letter-spacing: 0px;
    display: inline-block;
    padding:5px 20px;
}
#banner-destination-area .left h2, #banner-story-area .left h2, 
#banner-destiny-area .left h2, #banner-dashboard-area .left h2, 
#banner-library-area .left h2, #banner-issue-area .left h2,
#banner-registration-area .left h2, #banner-subscription-area .left h2,
#banner-otherstory-area .left h2, #banner-mylibrary-area .left h2,
#banner-buysubscription-area .left h2, #banner-paidsubscription-area .left h2,
#banner-payment-area .left h2, #banner-editprofile-area  .left h2,
#banner-dbcontact-area .left h2, #banner-contactus-area .left h2,
#banner-cart-area .left h2{
    font-family: 'OpenSans-Bold'; 
    color: #fff; 
    font-size: 56px; 
    letter-spacing: 1px;
    line-height: 1;  
    margin: 0 0 0 -5px; 
    padding: 0px; 
}
#banner-destination-area .left p, #banner-story-area .left p{font-family: 'OpenSans-Bold';  font-size: 35px; letter-spacing: 0; margin-bottom: 0;}
#banner-story-area .left p{margin-left:-5px;}
.distance-area, .distance-area2{
    display: inline-block;
    background: rgba(0,0,0,.4);
    border:1px solid rgba(255,255,255,.7);
    -webkit-border-radius: 5px;    
    border-radius: 5px; 
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    padding:10px;
    width:100%;
    box-sizing:border-box;
}
.table1{
    display: table;
    width:100%;
}
.table-row1{
    display: table-row;
}
.table-col1{
    display: table-cell;
    font-size:16px;
    line-height: 1.2;
    color: #f1f1f1;
    width:50%;
    height:47px;
}
.distance-area .table-col1:first-child{width:45% !important;}
.distance-area .table-col1+.table-col1{width:54% !important;}
.table-col1.wht-box{background: #f1f1f1; display:inline-block; padding:10px 0 0 10px; color:#333;}
.table-col1 .wht-box span{float:right;}
.distance-area .table-col1{vertical-align:middle;}
#banner-destination-area .right, #banner-destiny-area .right, #banner-library-area .right{
    display: inline-block !important;
    width:30%;
    margin: 17% 0 0;
    vertical-align: top;    
}
#banner-destination-area .right .wht-box, #banner-destiny-area .right .wht-box,
#banner-library-area .right .wht-box{
    background: #f1f1f1;
    display: block;
    padding: 0 0 0 10px;
    color: #333;
    width: 100%;
    height: 35px;
    line-height: 2.1;
}

.banner-bot{padding:35px 0;}
.banner-bot small{font-family: 'OpenSans-SemiBold'; font-size:12px;}
.banner-bot a{margin: 0 0 0 30px;}
.banner-bot a img{height:20px;}

.author-area{padding: 20px 0 0; margin: 0px;}
.author-area img.img-left{float:left; margin: 0 10px 0 0;}
.author-area img.img-right{float:right; position: relative; top: -61px;}
.author-area h4{position:relative; top:8px; font-family:'OpenSans-Bold'; color:#000; font-size:20px; letter-spacing:-.4pt; line-height: 1.4; }
.author-area h4::after{    
    position: absolute;
    content: '';
    display: block;
    top: 39px;
    left: 20%;
    border-bottom: 1px solid #bbbbbb;
    width: 80%; 
}

.author-area h4 span{display:block; font-family: 'OpenSans-Regular'; color:#a1a1a1; font-size: 13px; letter-spacing:0;}
.first-para{color: #000; padding: 0 0 20px; font-size: 16px; line-height: 1.8;}
.first-para.story-details-area p img{margin-bottom: 10px;}
.first-letter{      
    float: left;
    position: relative;    
    font-size: 60px;
    line-height: .8;    
}
.first-para video{display:block; width: 100%; margin: 20px auto 10px; }
.para-area h2{
    position: relative;
    font-family: 'OpenSans-Bold';
    color: #000;
    font-size: 30px;
    letter-spacing: -.4pt;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
}
.para-area h2::before{
    position: absolute;
    display: block;
    height: 29px;
    content: '';
    border-left: 12px solid #f64d63; 
    left: 0px;
    top: 4px;
}
.para-area p{ font-size: 16px; color: #000;  line-height: 1.8;}
.gap1{margin-top: 10px;}
.car-rent{padding: 25px 0 70px;}
.car-rent img{width:100%; max-width: 752px;}
.attr-img-area, .attr-img-area2{position:relative; z-index: 0; padding:10px 0 30px; margin: 0;}
.attr-img-area img{width:100%; max-width:1200px; margin: 0 auto;}
.attr-img-area .caption, .attr-img-area2 .caption{
    position: absolute;
    content: '';
    z-index: 1;
    bottom: 55px;
    left: 52px;
    color: #f1f1f1;
    font-size: 14px;
    border-left: 10px solid #f64d63;
    padding: 5px 0 0 11px;
}
.continue-area{display:block; padding:40px 0; text-align: center;}
.continue-area h6{font-family: 'OpenSans-Bold'; font-size:18px; color:#666;}
.continue-area h6 span{display: block; padding: 16px 0 0;}
.continue-area h6 span img{width:100%; max-width:27px;}

.around-area h2, .accomodation-area h2{
    position: relative;
    font-family: 'OpenSans-Bold';
    margin: 30px 0 60px;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    color: #000;
    letter-spacing: 7px;
}
.around-area h2::before, .accomodation-area h2::before{
    position: absolute;
    content: '';
    display: block;
    top: 17px;
    left: 0;
    border-bottom: 1px solid #bbbbbb;
    width: 32%;
}
.around-area h2::after, .accomodation-area h2::after{
    position: absolute;
    content: '';
    display: block;
    top: 17px;
    right: 0;
    border-bottom: 1px solid #bbbbbb;
    width: 32%;
}
.around-area h2 span, .accomodation-area h2 span{
    display: block;
    margin: 10px auto;
    height:10px;
    width:23px;
    background:#f64d63;
}
#slider5, #slider6{width:83%; margin: 0 auto;}
#slider5.owl-carousel .item img {
    display: block;
    width: 100%;
    max-width: 166px;
    transition: all .5s ease;
}
#slider5.owl-carousel .item img:hover{
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 166px;     
    transform: scale(1.2);
    overflow: hidden;
    transition: all .5s ease;
}
#slider5.owl-carousel .item p{width: 166px;text-align: center; padding:12px 0 0; font-size:16px; color:#000;}
#slider5.owl-carousel .owl-nav button.owl-prev span,
#slider5.owl-carousel .owl-nav button.owl-next span,
#slider6.owl-carousel .owl-nav button.owl-prev span,
#slider6.owl-carousel .owl-nav button.owl-next span
{
    font-size: 0px;
    display: block;
    width: 30px;
    height: 59px;

} 
#slider5.owl-carousel .owl-nav button.owl-prev span,
#slider6.owl-carousel .owl-nav button.owl-prev span {
    background: url(../images/prev-arrow.png) 0 0 no-repeat; 
    background-size:80%;   
}
#slider5.owl-carousel .owl-nav button.owl-next span,
#slider6.owl-carousel .owl-nav button.owl-next span
 {
    background: url(../images/next-arrow.png) 0 0 no-repeat; 
    background-size:80%;   
}
#slider5.owl-carousel .owl-nav button.owl-prev,
#slider6.owl-carousel .owl-nav button.owl-prev  {
    position: absolute;
    left: -50px;
    top: 50px;
}
#slider5.owl-carousel .owl-nav button.owl-next,
#slider6.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -50px;
    top: 50px;
}
#slider6.owl-carousel .owl-nav button.owl-prev,
#slider6.owl-carousel .owl-nav button.owl-next{
     top: 145px;
}

.accomodation-area{padding: 50px 0 160px;}
#slider6.owl-carousel .item img {
    display: block;
    width: 100%;
    max-width: 210px;    
    -webkit-border-radius:  5px 5px 0 0;   
    border-radius:  5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    transition: all .5s ease;
}
#slider6.owl-carousel .item{
    border:1px solid #d5d6d6;   
    -webkit-border-radius: 5px;    
    border-radius: 5px; 
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    width: 100%;
    max-width: 210px;
}
#slider6.owl-carousel .item .details{
    padding:23px 23px 0;
}
#slider6.owl-carousel .item .details h6{
    font-family: 'OpenSans-Bold';
    color:#000;
    font-size: 16px;
    letter-spacing: -.3pt;
    line-height: 1.2;
    margin: 0px;
    padding:0px;
}
#slider6.owl-carousel .item .details h5{
    display: inline-block;
    padding: 5px 5px 5px 0;
    margin: 10px 0 5px;
    font-family: 'OpenSans-Bold';
    color: #333;
    letter-spacing: -.3pt;
    font-size: 17px;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}
#slider6.owl-carousel .item .details ul,
#slider6.owl-carousel .item .details ul li{
    list-style: none;
    margin: 0px;
    padding:0px;
}
.item .details small{font-family: 'OpenSans-SemiBold'; color:#000;}
.item .details small a{ font-family: 'OpenSans-SemiBold'; color: #000; text-decoration: none;}
.item .details small.gray{font-family: 'OpenSans-Regular'; display: block; padding: 4px 0; line-height: 1.2; color:#333;}

.item .details i{ font-size: 13px; color:#000;  margin:0 5px 0 0;}
.item .details ul li{display: inline-block; width:48%; font-family: 'OpenSans-SemiBold'; color:#000; font-size: 12px; margin: 0 2px 0 0; letter-spacing: -.3pt;}
.item .details ul li i{color:#15ebab; font-size: 12px; margin:0 3px 0 0; }
.item .details ul li i.gray{color:#d9dada;}
.item .details p{display: block; padding: 3px 0 0; font-size: 13px; }
.item .details p span{font-family: 'OpenSans-Bold'; color:#333;}

.subscribe-area.drive-des-page{background:#ffed00; padding:40px 0 30px; text-align: center; }
.subscribe-area.drive-des-page .subs-btn{display:block;}
.subscribe-area.drive-des-page .subs-btn a.btn-3{    
    position: relative;
    display: inline-block;
    margin-right: 46px;
    font-family: 'OpenSans-Bold';
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    background: #f64d63;
    border: 2px solid #f64d63;
    padding: 6px 45px;   
    -webkit-border-radius: 30px 0 0 30px; 
    border-radius:  30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -khtml-border-radius: 30px 0 0 30px;
    text-decoration: none;
}
.subscribe-area.drive-des-page .subs-btn a.btn-3:after{
    position: absolute;
    z-index: 1;
    content: '';
    background: url(../images/subs-btn-icon2.png) no-repeat 10px 0;
    display: block;
    padding-right: 20px;
    width: 89px;
    height: 63px;
    top: -9px;
    right: -67px;
}
.subscribe-area.drive-des-page .btn-text1{    
    font-family: 'OpenSans-SemiBold';
    font-size: 17px;
    color: #000;
    position: relative;
    left: -19px;
    letter-spacing: -.3pt;
}
.find-destination-area{
    padding:30px 0 30px;
    background: #e3e3e4;
}
.find-destination-area a.btn-1{
    position: relative;
    top: 0px;
    padding: 10px 35px;
    font-size: 16px;
    margin: 20px auto 20px;
}
.find-destination-area h3{
    position: relative;
    top: 7px;
    font-family: 'OpenSans-Bold';
    text-transform: uppercase;
    font-size: 24px;
    color: #f64d63;
    letter-spacing: 2px;
    margin: 20px auto 20px;
}
.find-destination-area .input-group{
    position: relative;
    padding: 0 0 0 20px;
    background: #fff;   
    -webkit-border-radius: 20px;    
    border-radius: 20px; 
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    width:50%;
}
.find-destination-area select{
    position: relative;
    z-index: 0;
    border:0px;
    padding: 0px;
}
.find-destination-area select:focus{
    outline: none !important;
    box-shadow: none;
}

.find-destination-area .btn.btn-new{
    width:96px;
    border:0px;
    font-family: 'OpenSans-Bold';
    background: #434242;
    color:#fff;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 14px;    
    -webkit-border-radius: 0 20px 20px 0;  
    border-radius: 0 20px 20px 0;
    -moz-border-radius:0 20px 20px 0;
    -khtml-border-radius:0 20px 20px 0;
    box-sizing: border-box;
}
.subscribe-area.col-image-area{background:#f64d63; padding:0px 0 0;}
.triangle-area{
    position: absolute;
    z-index: 6;
    top: 19px;
    right:105px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #666;
    
}
.subscribe-area.col-image-area .subs-img-area{margin-top:0px;  margin-left: 0px; margin-right: 0px; }

/*----------------------story page-----------------------*/
#banner-story-area .left h2,  #banner-destiny-area .left h2, 
#banner-dashboard-area .left h2, #banner-library-area .left h2,
#banner-issue-area .left h2, #banner-registration-area .left h2,
#banner-subscription-area .left h2, #banner-otherstory-area .left h2,
#banner-mylibrary-area .left h2, #banner-buysubscription-area .left h2,
#banner-paidsubscription-area .left h2, #banner-payment-area .left h2,
#banner-editprofile-area  .left h2, #banner-dbcontact-area .left h2,
#banner-contactus-area .left h2, #banner-cart-area .left h2
{
    font-size: 55px; padding: 10px 0 0;
}
#banner-story-area .item1{
    background:url(../images/banner-story.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
#banner-story-area .left{
    margin: 14.8% 0 0;
}
.banner-bot small span{color:#f64d63;}
.first-para h3{position:relative; top:-10px; font-family: 'OpenSans-Bold'; font-size:28px; color:#4f4f4f;}
.attr-img-area.padding2{display:block; padding:10px 0 30px;}
.attr-img-area2 img{width:100%; max-width:356px; margin: 0;}
.attr-img-area2{float:left; padding: 13px 38px 20px 0;}
h3.subheading{position: static; top: 0; margin: 9px 0 10px; font-size: 22px;}
.find-destination-area .input-group.story-group {width: 58%;}
.like-area{display: block; padding:20px 0; } 
.like-area span{display: inline-block; padding:5px 10px; color:#666; border: 1px solid #bbbbbb; font-size: 12px; margin: 0 10px 0 0;}
.like-area img{width: 27px; margin: 0 5px 0 0;}


/*-------------------desination page------------*/
.margin2{ margin-top: 80px !important }
#banner-destiny-area .item1{
    background:url(../images/banner-destiny.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
#banner-destiny-area .left, #banner-dashboard-area .left,
#banner-library-area .left, #banner-issue-area .left, #banner-registration-area .left,
#banner-subscription-area .left, #banner-otherstory-area .left, 
#banner-mylibrary-area .left, #banner-buysubscription-area .left,
#banner-paidsubscription-area .left, #banner-payment-area .left,
#banner-editprofile-area  .left, #banner-dbcontact-area .left,
#banner-contactus-area .left, #banner-cart-area .left
{    
    margin: 16% 0 0;
}
#banner-destination-area .right, #banner-destiny-area .right,
 #banner-library-area .right{    
    margin: 12% 0 0;
    vertical-align:top;
}   
.distance-area2{
    padding:10px 10px 10px 15px;
}
a.btn-search, .my-library-section a.details1, .btn-info{
    display:block;
    width: 100%;
    text-align: center;
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    color:#fff;
    background: #f64d63;
    -webkit-border-radius: 0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    padding: 7px 25px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-decoration: none;
    border: 0px;
}
.stories-area.destiny-box-area .link1{margin-top: 58px;}
.stories-area.destiny-box-area .img-text1 .link1{margin-top: 15px;}
.stories-area.destiny-box-area .img-text1 h4{padding-top: 55%;}
.destiny-box-text{margin-bottom:30px; margin-top: 8px;}
.destiny-box-text img{position: relative; top: -1px; max-width:22px; margin-right:8px;}
.destiny-box-text p{font-size: 12px; color:#000; padding: 0; margin-bottom: 5px;}


/*----------------Dashboard page--------------------------*/
#banner-dashboard-area .item1{
    background: url(../images/banner-dashboard.jpg) center 30% no-repeat;
    background-size: auto;
    background-size: cover;
    height: auto;
    padding: 0 0 6.7%;
    height: 469px;
}
.dashboard-area{padding:0 0 50px;}
.dashboard-area h4{font-size:21px; position: relative; top:-6px;}

.dashboard-area .dash-menu{display: none;}
.dashboard-area .side-nav {
    height: 100%;
    width: 100%;
    /*background-color: #454545;*/
    color: #CCC;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: .3s;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 9999999;
}
.dashboard-area .side-nav .heading {
    background-color: #727271;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);;
}
.dashboard-area .side-nav .heading > img {
    width: 100%;
    max-width: 40px;
    -webkit-border-radius:50%;    
    border-radius:50%;    
    -moz-border-radius:50%;    
    -khtml-border-radius:50%; 
    float: left;    
    margin: 0px 10px 0px 0px;
}
.dashboard-area ul, .dashboard-area li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dashboard-area .side-nav .categories > li {
    padding: 15px 25px 15px 20px;
    overflow: hidden;
    border-bottom: 1px solid #dfe0e0;
    background: #ebecec;
    /*cursor: pointer;
    font-weight: bold;*/
}

.dashboard-area .categories .active {
    background: #f64d63 !important;
    color: #fff;
}
.dashboard-area .categories .active a {
    color: #fff !important;
}
.dashboard-area .side-nav .categories > li > a {
    color: #000000;
    text-decoration: none;
}
.dashboard-area .side-nav .categories > li > a:after {
   /* content: "\f054";*/
    font-family: fontAwesome;
    font-size: 11px;
    line-height: 1.8;
    float: right;
    color: #AAA;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.dashboard-area .side-nav .categories > li.active > a:after {    
    color: #fff;   
}
.dashboard-area .statistics .box {
    background-color: #d9dada;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}
.dashboard-area .statistics .box > i {
    float: left;
    color: #FFF;
    -webkit-border-radius:50%;    
    border-radius:50%;    
    -moz-border-radius:50%;    
    -khtml-border-radius:50%; 
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}
.dashboard-area .statistics .box .info {
    float: left;
    width: auto;
    margin-left: 10px;
}
.dashboard-area .bg-red {
    background-color: #f64d63;
}
.dashboard-area .statistics {    
    color: #000000;
}
.dashboard-area .side-nav .heading .info > h3 > a {
    color: #FFFFFF;
    font-weight: 100;
    margin-top: 12px;
    display: block;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;   
}
.dashboard-area .side-nav .close-aside {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
    color: #EEE;
}
.statistics .box .info h3 {
    margin: 5px 0 5px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}
.statistics .box .info p{
    margin-top: 5px;
    margin-bottom: 0;
}
/*---------------library page ----------------------*/
#banner-library-area .item1{
    background:url(../images/banner-library.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.library-box1{
    padding: 12px;
    background: #fff;
    border: 1px solid #bbbbbb;
    box-shadow: 0 7px 6px 6px #eee;
    margin:0 0 30px;
}
.library-box1 p.bg-txt{
    display: block;
    padding: 0px;
    margin:0px;
    width: 100%;
    text-align: center;
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    color: #fff;
    background: #f64d63;
    -webkit-border-radius:0px;    
    border-radius:0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    padding: 7px 25px;
    box-sizing: border-box;
}
.library-box1 img{
    width:100%;
    margin:10px 0;
}
a.btn-search.width1{
    display:block;
    width: 98%;
}
.margin-bot1{margin-bottom: 30px;}
.margin-bot2{margin-bottom: 0px !important;}
/*---------------issue page ----------------------*/
#banner-issue-area .item1{
    background:url(../images/banner-issue.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.library-box1 h5 {    
    font-family: 'OpenSans-Regular';
    text-transform: uppercase;
    text-align: center;
    color: #212529;
    letter-spacing: 0px;
    margin: 0 0 5px;
}
.library-box1 h6 {    
    font-family: 'OpenSans-Regular';
    font-size: 18px;    
    color: #f64d63;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.library-box1 p.blk-text{
    font-family: 'OpenSans-Regular';
    font-size: 14px;    
    line-height: 1.4;
    padding: 0px 0 0;
    margin-bottom: 10px;
}
.stories-area.issue-box-area .link1 {
    margin-top: 8px;
    text-align: right;
}
/*---------------view index page ----------------------*/
#banner-viewindex-area .item1{
    background:url(../images/banner-viewindex.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.viewindex-text h6{
    font-family: 'OpenSans-SemiBold';
    position: relative;
    font-size: 24px;
    color:#000;
    padding: 0 0 0 15px;
    margin-bottom: 20px;
}
.viewindex-text h6::before{
    position: absolute;
    content: '';
    width: 5px;
    height: 25px;
    background: #f64d63;
    top: 4px;
    left: 0px;
}
.viewindex-text p{
    line-height: 1.4;
}
.viewindex-text ol{
    padding: 0 0 20px 15px;
    margin:0px;
}
.viewindex-text ol li{
    margin-bottom: 10px;
}
.btn-search.green{
    background: #15ebab;
}
.search-section{display:block; padding:10px 0; margin: 0 0 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.search-section h6{font-family: 'OpenSans-SemiBold'; padding-top: 13px; }
.search-section .input-group{
    float: right;
    position: relative;
    padding: 0 0 0 20px;
    background: #dddddd;
    -webkit-border-radius:20px;    
    border-radius: 20px; 
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    width:60%;
    overflow:hidden;
}
.search-section input{
    position: relative;
    z-index: 0;
    border:0px;
    padding: 10px;
    background: #dddddd;
}
.search-section input:focus{
    outline: none !important;
    box-shadow: none;
}

.search-section .btn.btn-new{
    position: absolute;
    right: 0px;
    width:96px;
    border:0px;
    font-family: 'OpenSans-Bold';
    background: #434242;
    color:#fff;
    padding: 10px 21px;
    text-transform: uppercase;
    font-size: 14px;    
    -webkit-border-radius:0 20px 20px 0;  
    border-radius:0 20px 20px 0;
    -moz-border-radius:0 20px 20px 0;
    -khtml-border-radius:0 20px 20px 0;
    box-sizing: border-box;
}

/*----------------------Registration page-----------------------*/

#banner-registration-area .item1{
    background:url(../images/banner-registration.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.registration-section, .subscription-section, .edit-profile-section{margin:0 0 50px;}
.registration-section .btn-area2, .edit-profile-section .btn-area2{
    margin:29px 0 0;
}
.registration-section .form-control, .edit-profile-section .form-control,
.contactus-section .form-control, .cart-section .form-control{
    -webkit-border-radius:0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    border: 1px solid #ccc;
}
.registration-section label span, .edit-profile-section label span, .contactus-section label span{color:#ff0000;}
.registration-section a.btn-search{padding: 8px 25px;}

/*----------------------subscription page-----------------------*/
#banner-subscription-area .item1 {
    background:url(../images/banner-subscription.jpg)  center 30%  no-repeat;
    background-size:cover;
    padding: 0 0 6.7%;
    height:469px;
}
.subscription-box{display: block; width: 100%; overflow-x: auto;}
.subscription-section .table2{display: table; width:100%; /*border: 1px solid #000;*/ border-collapse: collapse;}
.subscription-section .table-row2{display: table-row;}
.subscription-section .table-cell2{display: table-cell; width:20%; padding:0 10px; text-transform: uppercase;  /*border: 1px solid #000;*/ border-collapse: collapse;  height:55px; font-family: 'OpenSans-Bold'; font-size: 14px; color:#333; text-align: center; vertical-align: middle; }
.red-text{color:#f64d63 !important; }
.red-text a{color:#f64d63 !important;  text-decoration: none;}
.white-text{color:#fff;}
.top-heading-bg1{background: #424242; color:#fff !important;}
.top-heading-bg2{background: #727272; color:#fff !important;}
.top-heading-bg3{background: #ef7f1d; color:#000 !important;}
.row-heading-bg1{background: #696967; color:#504446 !important; padding:0 24px; text-align: left !important;}
.row-heading-bg2{background: #5b5b5b; color:#fff !important; padding:0 24px; text-align: left !important;}
.red-bg{background: #f64d63; color:#fff !important;}
.row-bg1{background: #FFFFFF;}
.row-bg2{background: #ececec;}

/*----------------------other story page-----------------------*/
#banner-otherstory-area .item1{
    background:url(../images/banner-otherstory.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}

.other-story-area .link1{margin:35px 0 0;}
.stories-area.other-story-area .img-text1 h4{padding-top: 50%;}

/*----------------------my library page-----------------------*/
#banner-mylibrary-area .item1{
    background:url(../images/banner-mylibrary.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.my-library-search-area{margin: 0 0 30px;}
.my-library-search-area .custom-select{width:100% !important; left:0px;}
.my-library-search-area .select-items{border:1px solid #ccc;}

.my-library-section #myList{width:100%; margin: 0px; padding:0px;}
.my-library-section #myList img{display: block; max-width: 100%; height: auto;}
.my-library-section .card {
    padding: 12px;
    background: #fff;
    border: 1px solid #bbbbbb;
    -webkit-border-radius:0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    box-shadow: 0 7px 6px 6px #eee;
    margin: 0 0 30px;
}
.my-library-section .card h2{
    font-size:18px;
    color: #000;
    letter-spacing: -.3pt;    
    margin-bottom: 2px;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
} 
.my-library-section .date1 {
    font-family: 'OpenSans-SemiBold';
    font-size: 11px;    
    color: #666;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
}
.my-library-section .date1 span::before {
    content: "\A";
    width: 8px;
    height: 8px;
    -webkit-border-radius:50%;    
    border-radius:50%;    
    -moz-border-radius:50%;    
    -khtml-border-radius:50%;  
    background: #f64d63;
    display: inline-block;
    margin: 0 5px;
}
/*---------------------buy subscription page-----------------------*/
#banner-buysubscription-area .item1{
    background:url(../images/banner-buysubscription.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}


/*---------------------paid subscription page-----------------------*/
#banner-paidsubscription-area .item1{
    background:url(../images/banner-paidsubscription.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}
.paid-subs-box{
    border:2px solid #f64d63;
    padding: 15px;
    text-align: center;
}
.paid-subs-box h5{font-family: 'OpenSans-SemiBold'; margin: 0 0 20px; font-size: 17px;}
.paid-subs-box .btn-area2{margin:20px 0 0;}
.paidsubscription-section .cab-in, .editprofile-area .cab-in {
    display: block !important;
    border:0px;    
    padding: 5px 0px;
    background: transparent;
    border-bottom: 1px solid #bbb; 
    -webkit-border-radius:0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
}
.paidsubscription-section .breadcrumb, .editprofile-area .breadcrumb{margin: 30px 0;}
.paidsubscription-section .breadcrumb > li, .editprofile-area .breadcrumb > li {
    display: inline-block;
    text-transform: uppercase;
}
.paidsubscription-section .breadcrumb li a, .editprofile-area .breadcrumb li a{
    font-family: 'OpenSans-SemiBold';
    color: #333;
}
.paidsubscription-section .breadcrumb > .active, .editprofile-area .breadcrumb > .active{  
    font-family: 'OpenSans-SemiBold';  
    color: #f64d63;
}
/*---------------------payment history page-----------------------*/
#banner-payment-area  .item1{   
    background:url(../images/banner-payment.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}

.subscription-section.payment-history-section .table-cell2{width:auto; text-align: left;}
.subscription-section.payment-history-section .text-rgt1{text-align: right !important;}

/*---------------------edit profile page-----------------------*/
#banner-editprofile-area  .item1{   
    background:url(../images/banner-editprofile.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}   
/*---------------------db contact us page-----------------------*/
#banner-dbcontact-area  .item1{ 
    background:url(../images/banner-dbcontactus.jpg) center 30% no-repeat;
    background-size:cover;
    height:auto;
    padding: 0 0 6.7%;
    height:469px;
}   
.db-contact-area{margin: 0 0 30px;}
.db-contact-area img{
    width: 168px;
    margin: 20px 0;
}
.db-contact-area h3{
    font-size: 20px;
    margin: 0px;
}
.db-contact-area2 a{
    text-decoration: none;
    transition: all .2s ease;
}
.db-contact-area2 a .box i:hover{
    transform: scale(1.2);
    text-decoration: none;
    transition: all .2s ease;
}
.db-contact-area2 .box{
    padding:20px 12px;
    background: #fff;
    border: 1px solid #bbbbbb;
    -webkit-border-radius:0px;    
    border-radius: 0px; 
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    box-shadow: 0 7px 6px 6px #eee;
    margin: 0 0 30px;
    text-align: cemter;
}
.db-contact-area2 .box i{
    color: #FFF;
    -webkit-border-radius:50%;    
    border-radius:50%;    
    -moz-border-radius:50%;    
    -khtml-border-radius:50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 32px;
    display: block;
    margin: 0 auto;
    transition: all .2s ease;
}  
.bg-red {background:#f64d63;}
.db-contact-area2 h3 {
    text-align: center;
    font-size: 18px;
    color: #000;
    letter-spacing: -.3pt; 
    margin: 20px 0 0;   
}    
/*--------------------contact us page-----------------------*/
.contact_infor ul li label i {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #df2f2f;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-right: 10px;
}
.contact_infor li{margin:0 0 20px;}
.contact_infor a{color: #212529; text-decoration: none;}
.contact_infor ul li .des {
    /*width: calc(100% - 194px);*/
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.contactus-section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;    
}
.con_lbl {
    margin-bottom: 25px;
}
.btn-info:hover{  
    background: #f64d63; 
}
.map-area{margin-top: 30px;}  

/*--------------------cart page-----------------------*/
.cart-box{display: block; width: 100%; overflow-x: auto;}
.cart-section .table3{display: table; width:100%; }
.cart-section .table-row3{display: table-row;}
.cart-section .table-cell3{display: table-cell; padding:0 20px; text-transform: uppercase;  border-bottom: 1px solid #ccc; border-collapse: collapse;  height:55px;  font-size: 14px; color:#333; text-align: left; vertical-align: middle; }
.cart-section .table3 .top-heading-bg2{ border-bottom: 1px solid #727272; border-top: 1px solid #727272; font-weight: bold;}
.cart-section .table3 .serial{min-width:8% !important; max-width:84px !important;}
.cart-section a.btn-info{text-decoration: none;}
.cart-section .btn-info.green{background: #15ebab;}
.right1{text-align: right !important;}
.grand-total-area{position:relative; display:block; font-family: 'OpenSans-SemiBold'; font-size:18px; height: 55px; line-height: 1.4; vertical-align: middle; width:100%; padding: 14px 20px; text-align: right;}
.grand-total-area span{display: inline-block; padding-right: 10%;}
.grand-total-area::after{
  position: absolute;
  content: '';
  top: 58px;
  right: 0px;
  border-bottom: 1px solid #ccc;
  width: 50%;
  height: 1px;
}
.dashboard-area #mySidenav1{display: none;}
.cart-img-box img{max-width:100%;}

/*------------------------notification icon start------------*/
.noti-box{    
  display: block;
  width: 40px;
  height: 40px;
  text-indent:0px;
  position: fixed;
  z-index: 999;
  left: 20px;
  bottom: 20px;
  background: rgba(246,77,99,.8);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s ease;
}
.noti-box:hover{ 
  background: rgba(246,77,99,1);
  transition: all .3s ease; 
}
.noti-box i{
  position: absolute;
  content: '';
  left: 9px;
  top: 9px;
  font-size: 21px;
  color: #fff;
}
.noti-area #myForm{
  position: fixed;
  display: none;
  z-index: 10;
  bottom: 65px;
  left: 25px;
  background: #fff;
  width: 100%;
  width: 300px;
  padding: 15px;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px #b9b9b9;;
  -moz-box-shadow: 0 0 2px #b9b9b9;; 
  box-shadow:  0 0 2px #b9b9b9;; 
}
/* Add styles to the form container */
.noti-area .form-container {
  max-width: 300px;  
  background-color: white;
}

/*cancel button */
.noti-area .noti-cancel i{    
    position: absolute;
top: 15px;
right: 15px;
font-size: 20px;
z-index: 999;
color: #f64d63;
cursor: pointer;
    transition: all .3s ease;
} 
.noti-area .noti-cancel i:hover{
    color:#bbb; 
    transition: all .3s ease;
}
.noti-area .noti-text-area{
  display: block;
  width: 100%;
  height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.noti-area span.noti-text{
  display: block;
  border: 1px solid #cccccc;
  font-size: 12px;
  line-height: 1.4;
  padding:6px;
  margin-bottom:3px; 
  color: #000;
  text-align: justify;
} 
.noti-area label{margin-top:10px;}
/* Add some hover effects to buttons */
.noti-area .form-container .btn:hover, .noti-area .open-button:hover {
  opacity: 1;
}

#horizontal_add1 .item1 img {   
    margin: 0 auto !important;;
}

/*------------------------notification icon end------------*/
@media screen and (max-width: 1236px) {
    .dark-gray-area {left: 5%;}
}
@media screen and (max-width: 1199px) {
    .navigation-area .nav-item .dropdown .nav-link.active::after {
        left: -4px;
  }
    .navigation-area .nav-item .dropdown.login-dropdown .dropdown-menu{left:-20px;}
    #slider2.owl-carousel .owl-item img {    
        max-width: 183px;
    }
    .dark-gray-area img{max-width: 183px;}
    .dark-gray-area img.car-img{max-width:183px;}
     #slider2 .item p{max-width: 183px;}
    .explore-box1 .text-area, .explore-box2 .text-area {   
        top: 8%;
        padding: 0 20px 0 0;    
    }

    .stories-area .img-text1{width: 78%;}
    .stories-area .img-text1 h4{padding-top: 25%;}  
    .explore-box1 .text-area, .explore-box2 .text-area {
        top: 4%;
    }
    .explore-box2 {
        margin: 0 0 5px;
    }
    #slider5.owl-carousel .item p {    
        font-size: 15px;
    }
    .item .details ul li {
        display: block;
        width:100%;
    }
    .author-area h4::after {   
        left: 25%;    
        width: 66%;
    }
    #slider6.owl-carousel .item .details h5 { font-size: 15px;} 
    #banner-destination-area .item1 ,#banner-story-area .item1, #banner-destiny-area .item1,
    #banner-dashboard-area .item1, #banner-library-area .item1, #banner-issue-area .item1,
    #banner-registration-area .item1, #banner-subscription-area .item1, #banner-otherstory-area .item1,
    #banner-mylibrary-area .item1, #banner-buysubscription-area .item1, #banner-paidsubscription-area .item1,
    #banner-payment-area  .item1, #banner-editprofile-area .item1, #banner-dbcontact-area .item1,
  #banner-contactus-area .item1, #banner-cart-area .item1
    {
        height:auto !important;
    }
  /*-------------responsive start-------------------*/
  .stories-area .link1 {
      margin: 0 2% 0 2%;
  }
  .stories-area .link1.story-cat-link{
    margin: 75px 0 0;
  }
    .stories-area.destiny-box-area .img-text1 h4 {
        padding-top: 52%;
    }
  .destiny-box-text img {    
    float: left;
  }
    /*-------------dashboard start-----------------*/
    .dashboard-area .statistics .box > i {   
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    /*-------------other story start-----------------*/
    .stories-area.other-story-area .img-text1 h4 {
        padding-top: 54%;
    }
  /*------------------responsive start----------------*/
  #slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-next{
    top: 108px;
  }
   /*-------------------responsive end----------------*/
}
@media screen and (max-width: 1024px) {
    #slider2.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        left: -33px;
    }
    #slider2.owl-carousel .owl-nav button.owl-next{     
        position: absolute;
        right: -26px;
    }
    #slider2.owl-carousel .owl-nav button.owl-prev span, #slider2.owl-carousel .owl-nav button.owl-next span{
        background-size:75%; 
    }
    #slider5.owl-carousel .item img, 
    #slider6.owl-carousel .item img{    
        width: 100%;
        max-width:100%;
    }
    #slider5.owl-carousel .item img:hover {    
        width: 100%;
        max-width: 100%;
        transform: scale(1);
    }
    #slider5.owl-carousel .item p {
        width: 100%;
    }
    .find-destination-area .input-group {    
        width: 62%;
    }
    .find-destination-area .input-group.story-group {
        width: 76%;
    }
    #slider6.owl-carousel .item .details h5 { font-size: 17px;}     
}
@media screen and (min-width: 991px) and  (max-width: 1024px){
    .dark-gray-area {
        left: 5%;
    }
}
@media screen and (max-width: 991px) { 
  /*---------------------dashboar menu sliding start-------------*/
  .navigation-area .nav-item .dropdown .nav-link{
    width:100%;    
    padding: 12px 15px;
    box-sizing: border:box;
    text-align:left;
  }
  .navigation-area .nav-item .dropdown .nav-link.active {
    background: #f64d63;
    width:100%;    
    padding: 12px 15px;
    box-sizing: border:box;
    text-align:left;
}
.navigation-area .nav-item .dropdown .nav-link.active::before{
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid #f64d63;
}
.navigation-area .nav-item .dropdown .nav-link.active::after{
  height:0px;
}
  #mySidenav1{position:relative; display: none;}
  #mySidenav1 .closebtn{
    font-size: 30px;
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 10px;
    top: -6px;
    text-decoration: none;
  }
  #mySidenav1 .close-aside{display: none;}
  .dashboard-area .side-nav .heading {    
    padding: 10px 20px 10px;    
  } 
  #banner-story-area .left h2, #banner-destiny-area .left h2, 
  #banner-dashboard-area .left h2, #banner-library-area .left h2, 
  #banner-issue-area .left h2, #banner-registration-area .left h2, 
  #banner-subscription-area .left h2, #banner-otherstory-area .left h2, 
  #banner-mylibrary-area .left h2, #banner-buysubscription-area .left h2, 
  #banner-paidsubscription-area .left h2, #banner-payment-area .left h2, 
  #banner-editprofile-area .left h2, #banner-dbcontact-area .left h2, 
  #banner-contactus-area .left h2, #banner-cart-area .left h2 {
    font-size: 48px;    
  } 
  /*---------------------dashboar menu sliding end-------------*/
  #slider1 .left{margin: 11% 0 0;} 
    .navigation-area .search-area, 
    .navigation-area .login-area, 
    .navigation-area .cart-area{
        display: none;
    }
    .mobile-only{display:block; }
    .topbar{display:block; background: #333; padding:7px 0; text-align: right;}
    .topbar .btn{font-family: 'OpenSans-SemiBold'; font-size: 14px; text-transform: uppercase; color:#fff; padding-top: 0; padding-bottom: 0; }
    .topbar .btn:focus{outline: none; box-shadow: none;}
    .topbar .dropdown-menu{
        background-color: #000; 
        border:0px;     
        -webkit-border-radius:0px;    
        border-radius: 0px; 
        -moz-border-radius:0px;
        -khtml-border-radius:0px;
        top:8px !important;
        left: -30px !important;
        width: 228px;
    }
    .topbar .dropdown-menu li{
        display: block;
    }

    
    .topbar .dropdown-menu a:hover,.topbar .dropdown-menu a.active{ background:#f64d63; }
    .topbar ul{margin: 0px; padding:0px;}
    .topbar ul li{display: inline-block;}
    .topbar .login-area img{top: 0px;}
    .topbar .login-area img{height: 23px;}
    .topbar ul li a{
        font-family: 'OpenSans-SemiBold'; 
        color: #fff !important;
        text-transform: uppercase;
        text-decoration:none;
        padding: 0 20px;
    }
    .topbar .dropdown-menu a{display:block; padding:5px 10px; font-size: 12px !important; text-decoration:none;}
    .search-bar{
        background:#eee;
        padding:7px 0;
    }
    .search-bar ul, .search-bar ul li{list-style: none; margin: 0px; padding:0px; }
    .search-bar .search-area {display: inline-block; width: 78%; text-align: left;}
    .search-bar  .search-area input[type="text"]{width:70%; height:34px; box-sizing: border-box; border:1px solid #ccc; -webkit-border-radius:0px;    
border-radius: 0px; -moz-border-radius:0px; -khtml-border-radius:0px;  background:#d8d8d8; color:#333; font-size: 14px;}
    .search-bar  .search-area input[type="text"]:focus{box-shadow: none; outline:none;}
    .search-bar .cart-area{ position: relative; top:3px; display: inline-block; width: 20%; text-align: right;}
    .search-bar .cart-area a{position: relative;}
    .search-bar .cart-area span{top:0px; right:0px; left: auto;}
    .search-bar button{
        position: relative;
        left: -9px;
        font-family: 'OpenSans-SemiBold';
        height:34px; 
        box-sizing: border-box;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
        background: #f64d63;
        border: 0px;        
        -webkit-border-radius:0px;    
        border-radius: 0px; 
        -moz-border-radius:0px;
        -khtml-border-radius:0px;
    }
  .search-bar button:hover{
    background: #f64d63 !important;
  }

    .dashboard-area #mySidenav1{margin: 0 0 20px;}
    .dashboard-area .dash-menu{display: block;}
    .dashboard-area .sideshow {
        display: none;
    }
    .dashboard-area .dash-menu {
        display: block;
    }
    .navigation-area .navbar-nav a.nav-link {    
        padding: 5px 15px;
    }
    .navigation-area .search-area,.navigation-area .login-area {    
        margin-left: 0;
    }
    .library-area {
        background: #d9dbda;        
        background: linear-gradient(to right, #d9dbda 0%, #d9dbda 72%, #d9dbda 72%, #d9dbda 100%);
    }
    .dark-gray-area {  
        padding:40px 0;  
        top:0px;
        left: 0;
        background: #333;
        margin: 30px 0 0;
        text-align: center;
    }
    .dark-gray-area img{left: 0px;}
    .explore-box1{
        margin: 0 0 9px;
    }
    #slider2{width:100%;}
    #slider2.owl-carousel .owl-item img {
        max-width:none;
    }
    .dark-gray-area img.car-img{max-width:406px; width:100%;}
    #slider2.owl-carousel .owl-nav button.owl-next, #slider3.owl-carousel .owl-nav button.owl-next {    
        right: -40px;
    }
    .library-area a.btn-1 {
        position: static;
        left: 0px;
    }
    .explore-box2 .text-area {
        top: 60%;
    }
    .explore-box2 .text-area .link1 {
        float: none;    
        top: 20px;
    }
    .stories-area .stories-box + .img-text1 h4 {
        padding-top: 6%;
    }
    .stories-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 54%;
    }   
    .handbook-area .btn-area2 .btn-1 {    
        top: 0px;
        font-size: 16px;
        padding: 15px 35px;
        margin-bottom:20px;
    } 
    .handbook-area img{margin: 0 0 20px;}
    .handbook-area h4{top: 0px;}

    .canvas-area .bot-left, .canvas-area .bot-right {    
        width: 84%;
      text-align: center;
    }
  .canvas-area .bot-right h5 {
    position: relative;
    top: -16px;
  }  
    .dark-gray-area a.btn1{ 
        margin: 37px auto 0;    
    }
    #slider2 .item p {
        max-width: 100%;
    }
    .find-destination-area h3 {    
        font-size: 18px;
    }
    .find-destination-area .input-group {
        width: 80%;
    }
    #banner-destination-area .left, #banner-destiny-area .left,
    #banner-dashboard-area .left,  #banner-library-area .left,
    #banner-issue-area .left, #banner-mylibrary-area .left,
    #banner-buysubscription-area .left, #banner-paidsubscription-area .left,
    #banner-payment-area .left, #banner-editprofile-area  .left,
    #banner-dbcontact-area .left, #banner-contactus-area .left
    {
        display: block !important;
        width:100% !important;    
        margin:0;
        padding:20% 0 0;       
    }
    #banner-destination-area .right, #banner-destiny-area .right,
    #banner-library-area .right {
        display:block !important;
        width: 50%;
        margin: 0; 
        padding:10% 0 0;   
    }
    .author-area h4::after {   
        left: 33%;    
        width: 55%;
    }
    .around-area h2::before, .accomodation-area h2::before,
    .around-area h2::after, .accomodation-area h2::after {   
        width: 25%;
    }
    #slider6.owl-carousel .item .details h5 {    
        font-size: 15px;
    }
    #banner-destination-area{
        
    }
    #banner-destination-area .item1{
        height:auto;
        padding-bottom:30px;
    }
    .stories-area .link1 {    
        margin-bottom:20px;
    }   
    .navigation-area .navbar-nav a.nav-link.active::after {   
        bottom: 0px;   
        height:0;
    }

    .navigation-area .navbar-nav a.nav-link.active::before {    
        bottom: 0px;
        left: 0;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        border-top: 0px solid #f64d63;
    }
    .navigation-area .nav-item .dropdown .dropdown-menu{
        padding-left:10px;
    }
    .search-area img, .login-area img {
        height: 18px;       
    }
    .login-area img {   
        position: relative;
        top: 8px;
    }
    /*---------------------destination page--------------------*/
    .stories-area.destiny-box-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 43%;
    }
    .destiny-box-text p {    
        letter-spacing: -.2pt;
    }

    /*---------------------dashboard page--------------------*/
    .dashboard-area .statistics .box > i {    
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    /*---------------------library page--------------------*/
    h2.heading.shrink-text{letter-spacing: 5px; padding-left: 10px; padding-right:10px;}

    /*---------------------view-index page--------------------*/
    .search-section .input-group {   
        width: 90%;     
    }

  /*-------------------responsive start--------------------*/
  .stories-area .second-row .stories-box.stories-box2 + .img-text1 h4 {
    padding-top: 30%;
  }
  .stories-area .first-row .stories-box + .img-text1 h4 {
    padding-top: 24%;
  }
  #slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-next{   
    top: 44px !important;
  }
   #slider3.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }
  .contact_infor ul li .des {    
    font-size: 15px;
  }
 /*-------------------responsive end--------------------*/
}
@media screen and (max-width: 830px) { 
  #slider1 .item1{padding-left:20px;  padding-right:20px;}
  #slider1 .left{width: 62% !important;}
  a.btn1, a.btn2, a.btn-1{padding: 10px 20px;}
  .btn-area-left2 {
    width: 46% !important;
  }
}

@media screen and (max-width: 767px) {
    #myForm
    {
        display: none !important;
    }
    h2 { font-size: 40px;}
    h3{font-size: 32px;}
    h4{ font-size: 26px;}
    h5{font-size: 18px; letter-spacing: 0px;}   
    span.navbar-toggler-icon{font-size: 22px;}

    /*-----------------responsive start---------------*/

  #banner-story-area .left h2, #banner-destiny-area .left h2, 
  #banner-dashboard-area .left h2, #banner-library-area .left h2, 
  #banner-issue-area .left h2, #banner-registration-area .left h2, 
  #banner-subscription-area .left h2, #banner-otherstory-area .left h2, 
  #banner-mylibrary-area .left h2, #banner-buysubscription-area .left h2, 
  #banner-paidsubscription-area .left h2, #banner-payment-area .left h2, 
  #banner-editprofile-area .left h2, #banner-dbcontact-area .left h2, 
  #banner-contactus-area .left h2, #banner-cart-area .left h2 {
    font-size: 38px;    
  }
  #slider1 .left {
    font-size: 20pt;
    margin: 0 !important;
    width: 80% !important;
    float: none;
  }
    #slider1 .item {
    height:auto;
    padding-bottom:20px;
    }
  h2.heading {   
    margin: 10px 0 20px;
    letter-spacing: 12px;
  } 
  .margin1 {
    padding: 10px 0 0;
  }
  .explore-box1 .text-area h2{
    padding-top: 18%;
  }
  .stories-area .img-text1 {
    width: 78%;
  }
  .stories-area.destiny-box-area .img-text1 h4 {
    padding-top: 56%;
  }
  .stories-area .first-row .stories-box + .img-text1 h4 {
    padding-top: 45%;
  }
  .stories-area .second-row .stories-box.stories-box2 + .img-text1 h4 {
    padding-top: 43%;
  }
  #slider3.owl-theme .owl-dots {
    top: 47px;
  }
  #slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-next {   
    display: none;
  }
  .canvas-area {    
    padding: 40px 0;
  }
  .canvas-area h2.heading{letter-spacing: 12px;}
  .contact_infor li {
    margin: 0 0 10px;
  }
  .viewindex-text ol {
    padding-bottom: 20px;    
  }
  .stories-area .link1.story-cat-link{
    margin: 0px 0 20px;
  }
/*-----------------responsive end---------------*/
    .explore-box1 .text-area p.wht-text, .explore-box2 .text-area p.wht-text,
    .explore-box1 .text-area span.wht-text, .explore-box2 .text-area span.wht-text{
        font-size:14px;
        line-height: 1.3;
    }
    .explore-box1 .text-area p.wht-text, .explore-box2 .text-area p.wht-text{margin: 6% 0 0 8%;}
    .explore-box1 .text-area {
        top: 8%;
    }
    .explore-box2 .text-area {
        top: 40%;
    }

    #slider2 .item p {    
        max-width: 100%;
    }   
    .do-you-know-area img {    
        height: auto;
        margin: 0 0 20px;
    }
    .btn-area .btn-area-left2{
        display: block;     
        width: 100% !important;
        text-align: left;
    }
    .stories-area .link1 {    
        top: 0px;
    }
    .canvas-area .bot-left, .canvas-area .bot-right {
        width: 49%;
    }
    .stories-area .link1 {   
        margin: 0 0 4%;
    }
    .stories-area .stories-box + .img-text1 h4 {
        padding-top: 30%;
    }
    .stories-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 66%;
    }   
    .first-row {
        margin-bottom: 0px;
    }
    .grab-btn .btn2{padding: 10px 18px}
    .canvas-area .bot-left, .canvas-area .bot-right{display: block; width:100%; text-align: center;}
    #slider3.owl-carousel .owl-item img {
        width: 100%;
    }
    
    #slider2.owl-carousel .owl-nav button.owl-prev, #slider2.owl-carousel .owl-nav button.owl-next {   
        top: 0;
    }   
    
    .handbook-area {
        margin: 30px 0 0;
        padding: 40px 0;
    }
    .footer-area {    
        padding: 20px 2% 10px;
    }
    .footer-area p, .footer-area ul, .footer-area .social-area {
        text-align: center;
        margin-bottom:10px; 
    }
    .footer-area ul {    
        margin: 0 0 10px;
        padding: 0px;      
    }
    .find-destination-area h3{text-align: center;}
    .find-destination-area .input-group {
        width: 60%;
        margin: 20px auto;
    }
    .find-destination-area .input-group.story-group {
        width: 100%;
    }
    #banner-destination-area .right, #banner-destiny-area .right,
    #banner-library-area .right {       
        width: 80%;      
    }
    .author-area h4::after {   
        left: 48%;
        width: 38%;
    }

    .around-area h2::before, .accomodation-area h2::before, 
    .around-area h2::after, .accomodation-area h2::after {
        width: 16%;
    }
    #slider6.owl-carousel .item {   
        max-width: 99%;
    }   
    #slider5.owl-carousel .owl-nav button.owl-prev, #slider5.owl-carousel .owl-nav button.owl-next{
        top: 32%;
    }
    #slider6.owl-carousel .owl-nav button.owl-prev,  #slider6.owl-carousel .owl-nav button.owl-next {
        top: 40%;
    }
    .attr-img-area2 { float: none; padding: 13px 0 20px 0;} 
    .attr-img-area2 img {width: 100%;  max-width: 100%;}
    #slider6.owl-carousel .item .details h5 { font-size: 17px;}
    .explore-box1 .text-area p br{display: none;}
    .cnter2{text-align: center !important; padding: 0 10px 5px;}

    .stories-area.destiny-box-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 66%;
    }
    .stories-area.destiny-box-area .link1 {     
        margin-top: 0px;
        margin-bottom:0px;
    }
    .search-section .input-group {
        float: none;    
        margin: 0 auto;
    }
    .registration-section .btn-area2 {
        margin: 0px 0 0;
    }
    .other-story-area .margin-bot1{
        margin-bottom:0px;
    }


    .my-library-search-area .drop-area2{
        margin: 0 0 20px;
    }

  .grand-total-area::after{  
    width:100%;
  }
  .footer-area .noti-area p {
    margin-bottom:0px !important;
  } 
}

@media screen and (max-width: 575px) {
  /*-------------------------------responsive start--------------------------*/
  .explore-box1 .text-area, .explore-box2 .text-area{    
      width:85%;
  }
  .explore-box1 .text-area h2 {
    padding-top: 8%;
  }
  .margin2{ margin-top: 40px !important; }
  .explore-area h2.heading {
    margin-top: 40px;
  }
  .do-you-know-area {    
    margin: 40px 0 0;
    padding: 50px 0;
  }
  .stories-area.issue-box-area .library-box1 h6{margin-top: 10px;}
  /*-------------------------------responsive end-------------------------*/
    .search-bar{padding:0px;}
    .modal-dialog {
        max-width: 100%;
    }
    .explore-box1 .text-area {
        top: 33%;
    }       
    .explore-box2 .text-area {
        top:55%;
    }   
    .canvas-area h2.heading img{display: none;}
    .canvas-area h2.heading {    
        padding-left: 0;
        margin: 20px 0 20px;
    }
    .btn-area .btn-area-left, .btn-area .btn-area-right {    
        width: 56%;   
    }
    .explore-box1 .text-area p.wht-text, .explore-box2 .text-area p.wht-text{display: none;}
    .explore-box1 .text-area p.wht-text, .explore-box2 .text-area p.wht-text, .explore-box1 .text-area span.wht-text, .explore-box2 .text-area span.wht-text {    
        display: none;
    }
    #slider2.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-prev {    
        left: 0px;
    }
    #slider2.owl-carousel .owl-nav button.owl-next, #slider3.owl-carousel .owl-nav button.owl-next {    
        right: 0px;
    }
    #slider2 .owl-nav, #slider3 .owl-nav {    
        top: 45px;    
    }
    .btn-area .btn-area-left, .btn-area .btn-area-right {
        width: 100%;
    }
    .subs-btn a.btn-3::after{right: -47px;}
    .subscribe-area .grab-btn {margin: 30px 0 0;}
    #slider3.owl-carousel .owl-nav button.owl-prev span, #slider3.owl-carousel .owl-nav button.owl-next span{    
    background-size: 62%;
    }
    #slider3.owl-carousel .owl-nav button.owl-next span {
    background-position:  right 0;
    }
    #banner-destination-area .left h2 {    
        font-size: 64px;
    }
    #banner-destination-area .left p {   
        font-size: 28px;
    }
    #banner-destination-area .right, #banner-destiny-area .right,
    #banner-library-area .right{
        width: 100%;
    }   
    .around-area h2::before, .accomodation-area h2::before, .around-area h2::after, .accomodation-area h2::after {
        width: 13%;
    }
    #slider5.owl-carousel .owl-nav button.owl-prev, #slider5.owl-carousel .owl-nav button.owl-next{
        top: 34%;
    }
    #slider6.owl-carousel .owl-nav button.owl-prev,  #slider6.owl-carousel .owl-nav button.owl-next {
        top: 40%;
    }
    #banner-story-area .left, #banner-destiny-area .left, 
    #banner-dashboard-area .left, #banner-library-area .left,
    #banner-issue-area .left, #banner-registration-area .left,
    #banner-subscription-area .left, #banner-otherstory-area .left,
    #banner-mylibrary-area .left, #banner-buysubscription-area .left,
    #banner-paidsubscription-area .left, #banner-payment-area .left, 
    #banner-editprofile-area  .left, #banner-dbcontact-area .left,
  #banner-contactus-area .left, #banner-cart-area .left{
        width:100% !important;
    }

    #banner-story-area .left h2,  #banner-destiny-area .left h2,  
    #banner-dashboard-area .left h2,  #banner-library-area .left h2,
    #banner-issue-area .left h2, #banner-destiny-area .left h2,
    #banner-registration-area .left h2, #banner-subscription-area h2,
    #banner-otherstory-area h2, #banner-mylibrary-area  h2,
    #banner-buysubscription-area  h2, #banner-paidsubscription-area  h2,
    #banner-payment-area .left h2, #banner-editprofile-area  .left h2,
    #banner-dbcontact-area .left h2, #banner-contactus-area .left h2,
  #banner-cart-area .left h2
    { 
        font-size: 34px;
    }   
    #banner-story-area .left p { font-size: 26px;}
    .cnter1{text-align: center !important; padding: 0 0 5px;}

    /*---------------------edit profile page-----------------------*/   
    .edit-profile-section .form-group.pro-pic br{display: none;}
  .grand-total-area.cart-btn-area:after{
    top: 112px;
  }
  .grand-total-area .btn-area2{margin: 5px 0;}
  .cart-section {padding-bottom: 50px;}
}
@media screen and (max-width: 480px) {
    h2 { font-size: 30px;}
    h2.heading{font-size: 30px; letter-spacing: 5px;}
  /*------------------------responsive start----------------*/
  #slider1 .left span{margin-bottom: 10px;}
  .explore-box1 .text-area {
      top: 20%;
    }
    .explore-box1 .text-area p, .explore-box2 .text-area p {    
        font-size: 13px;
    }
  
    .explore-box1 .text-area p br, .explore-box2 .text-area  br{display:none;}
  .stories-area .first-row .stories-box + .img-text1 h4 {
      padding-top: 36%;
  }
  .owl-theme .owl-dots .owl-dot span {    
    margin: 5px 3px;
  }
  .first-para.story-details-area p strong{display:block; padding-top: 20px;}
  .subscribe-area.drive-des-page .subs-btn a.btn-3::after {    
    top: -13px;
  }
  /*------------------------responsive end----------------*/
    .explore-box2 .text-area {
        top: 44%;
    }
    #slider2 .owl-nav, #slider3 .owl-nav {
        top: 25%;
    }
    .do-you-know-area .btn-area-right .btn2 {    
        margin: 0px 0 0;
        display: inline-block;
      }

    .subs-btn a.btn-3 {    
        margin-right: 32px;
      }
    .handbook-area {
    margin: 20px 0 0;
    padding: 20px 0;
    }
    
    .stories-area .img-text1 { width: 78%;} 
    .stories-area .link1 { margin: 0 0 10%;}
    .stories-area .stories-box + .img-text1 h4 br{
        display: none;
    }
    #slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-next {
       top: -54px;
    }
    #slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-next {
       top: -54px;
    }
    .dark-gray-area img.car-img{max-width:406px; width:90%;}

    #slider6.owl-carousel .item {    
        width: 99%;
        max-width: 99%;
        margin: 0 auto;
    }
    #slider5.owl-carousel .item img,
    #slider6.owl-carousel .item img
    {    
        width: 100%;
        max-width: 100%;
    }
    #banner-destination-area .left h2 {    
        font-size:46px;
    }
    #banner-destination-area .left p {   
        font-size: 20px;
    }
    .author-area h4::after {
        left: 49%;
        width: 37%;
    }
    .around-area h2::before, .accomodation-area h2::before, 
    .around-area h2::after, .accomodation-area h2::after {
        width: 7%;
    }
    .subscribe-area.drive-des-page .subs-btn a.btn-3 {    
        font-size: 16px;
        padding: 6px 30px;
    }
    .subscribe-area.drive-des-page .btn-text1 {    
        font-size: 11px;
    }   
    #slider5.owl-carousel .owl-nav button.owl-prev, #slider6.owl-carousel .owl-nav button.owl-prev {        
        left: -35px
    }
    #slider5.owl-carousel .owl-nav button.owl-next, #slider6.owl-carousel .owl-nav button.owl-next {        
        right: -40px
    }
    .first-para p, .para-area p {
        font-size: 14px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .around-area h2, .accomodation-area h2 {    
        font-size: 19px;    
        letter-spacing: 4px;
    }
    .around-area h2, .accomodation-area h2{
        margin: 20px 0 30px;
    }
    .find-destination-area .input-group.story-group select{
        font-size:13px;
        line-height: 3.2;
    }
    #banner-story-area .left h2,  #banner-destiny-area .left h2, 
    #banner-dashboard-area .left h2,  #banner-library-area .left h2,
    #banner-issue-area .left h2, #banner-registration-area .left h2,
    #banner-subscription-area .left h2, #banner-otherstory-area .left h2,
    #banner-mylibrary-area .left h2, #banner-buysubscription-area .left h2,
    #banner-paidsubscription-area .left h2, #banner-payment-area .left h2,
    #banner-editprofile-area  .left h2, #banner-dbcontact-area .left h2,
  #banner-contactus-area .left h2, #banner-cart-area .left h2
    {
        font-size: 32px;        
    }
     #banner-story-area .left p {    
        font-size: 20px;
    }
    .stories-area .stories-box + .img-text1 h4 {
        padding-top: 16%;
    }
    .stories-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 44%;
    }
    .stories-area.other-story-area .stories-box.stories-box2 + .img-text1 h4 {
    padding-top: 53%;
}

    .row-heading-bg1{padding:0 10px;}
    .row-heading-bg2{padding:0 10px;}
}
@media screen and (max-width: 430px) {  
    .author-area h4::after {
        left: 62%;
        width: 23%;
    }
}
@media screen and (max-width: 375px) {
  /*---------------------responsive start----------------------*/
  .stories-area .second-row .stories-box.stories-box2 + .img-text1 h4 {
    padding-top: 25%;
  }
    .stories-area h4 {
        font-size: 24px;
    }
    .handbook-area .btn-area2 {
        display: block;
    }
    .handbook-area .btn-area2 .btn-1 {    
        margin: 0 0 30px 0px;
    }
    .author-area h4::after {   
        border-bottom: 0px;
    }
    .around-area h2, .accomodation-area h2 {   
        font-size: 20px;   
        letter-spacing: 2px;
    }
    .around-area h2::before, .accomodation-area h2::before,
    .around-area h2::after, .accomodation-area h2::after {    
        border-bottom: 0px;
    }   
    .subscribe-area.drive-des-page .subs-btn a.btn-3 {    
        font-size: 13px;
        padding: 6px 25px;
    }
    .subscribe-area.drive-des-page .btn-text1 {    
        font-size: 11px;
    }
    .subscribe-area.drive-des-page .subs-btn a.btn-3::after {   
        background-size: 60%;
    }
    .find-destination-area{
        padding: 30px 0;
    }
    .find-destination-area .input-group {
        width: 100%;
    }
    .find-destination-area h3 {
        font-size: 15px;
        letter-spacing: 1px;
    }
    .find-destination-area .input-group.story-group select {
        font-size: 12px;
        line-height: 3.4;
    }
    .stories-area .stories-box + .img-text1 h4 {
        padding-top: 16%;
    }
    .stories-area .stories-box + .img-text1 h4 {
        padding-top: 6%;
    }
    .stories-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 28%;
    }
    /*-------------dashboard start-----------------*/
    .dashboard-area .statistics .box > i {   
        width: 48px;
        height: 48px;
        line-height: 48px;
    }   
}
@media screen and (max-width: 360px) {
  /*---------------------responsive start----------------*/
  .explore-box2 .text-area {
    top: 28%;
  }
/*---------------------responsive start----------------*/
    .stories-area.destiny-box-area .stories-box.stories-box2 + .img-text1 h4 {
        padding-top: 50%;
    }

    .dashboard-area .statistics .box {    
        padding: 15px 10px;
    }
    .dashboard-area .statistics .box > i {   
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .statistics .box .info p {
        font-size:12px;
    }
    /*---------------------edit profile page-----------------------*/
    .edit-profile-section .form-group label small{display: block;}  

  .grand-total-area {    
    font-size: 16px;
  }  
  .grand-total-area span {   
    padding-right: 2%;
  }
}
@media screen and (max-width: 340px) {
  .noti-area #myForm{  
    width: 255px;
  } 
  .subscribe-area.drive-des-page .subs-btn a.btn-3 {    
    padding: 6px 21px;
  } 
  .subscribe-area.drive-des-page .subs-btn a.btn-3::after {    
    top: -11px;
  }
  h2.heading.shrink-text {
    letter-spacing: 0;
  }  
}
@media screen and (max-width: 320px) {  
  .navbar-brand img{
    width: 180px;
  }
  #slider1 .left h2{
    font-size: 27px;
  } 

}