/* BLOG CSS*/
/*Surekha - 22/06/2020 - coomented as blog pages url is displaying not secure due to http:// is overlapping on https:// fonts; */
/* Added Global path to the fonts on blog page. */
@font-face {
    font-family: 'metropolis-regular';
    src: url('../frontend/fonts/EOT/Metropolis-Regular.eot');
    src: url('../frontend/fonts/EOT/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-Regular.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-Regular.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}
@font-face {
    font-family: 'metropolis-medium';
    src: url('../frontend/fonts/EOT/Metropolis-Medium.eot');
    src: url('../frontend/fonts/EOT/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-Medium.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-Medium.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}
@font-face {
    font-family: 'metropolis-bold';
    src: url('../frontend/fonts/EOT/Metropolis-Bold.eot');
    src: url('../frontend/fonts/EOT/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-Bold.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-Bold.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}

@font-face {
    font-family: 'metropolis-thin';
    src: url('../frontend/fonts/EOT/Metropolis-Thin.eot');
    src: url('../frontend/fonts/EOT/Metropolis-Thin.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-Thin.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-Thin.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}

@font-face {
    font-family: 'metropolis-semibold';
    src: url('../frontend/fonts/EOT/Metropolis-SemiBold.eot');
    src: url('../frontend/fonts/EOT/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-SemiBold.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-SemiBold.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/
}

@font-face {
    font-family: 'metropolis-extra-bold';
    src: url('../frontend/fonts/EOT/Metropolis-ExtraBold.eot');
    src: url('../frontend/fonts/EOT/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/WOFF2/Metropolis-ExtraBold.woff2') format('woff2'),
         url('../frontend/fonts/WOFF/Metropolis-ExtraBold.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/
}
/*END*/

footer{ margin-top: 50px; /*background: #eee;*/}
.col-centered{float: none;margin: 0 auto;}
/* TABS */

.tabs-section .main-tab ul li a{background: #c5c5c5;margin-right: 1px;min-width: 118px;text-align: center;text-transform: uppercase;font-size: 11px;border-radius: 0;color: #666666;margin-top:2px; margin-bottom: 1px; font-weight: bold;}/*Surekha - 24/06/2020 -  changed width: 120px; to min-width: 120px; *//*Surekha - 17/04/2020 - changed background: #e2e2e2; color: #959595; and added font-weight:bold; *//*Surekha  - 07/11/2019 - added margin-top:2px; margin-bottom: 1px; */
/*
SS
20210809
commented this code not needed to give the special width for specific tab
*/
/*.tabs-section .main-tab ul li:nth-child(4) a{width: 123px;}
.tabs-section .main-tab ul li:last-child a{width: 118px; margin-right: 0;}*/
/*END*/
.tabs-section .main-tab ul li a:hover{background: #eead23; color: #fff;}
.tabs-section .main-tab ul li a:focus{background: #eead23; color: #fff;}
.tabs-section .nav-tabs>li.active>a, .tabs-section .nav-tabs>li.active>a:focus, .tabs-section .nav-tabs>li.active>a:hover{background: #eead23;color: #fff;}
/*Surekha - 17/04/2020 - Added space above the menu list. */
ul.nav.nav-tabs.custom-tabs{
    margin-top: 10px;
}
/*END*/

/*Surekha - 17/12/2019 - added as menu is not heighlighting 
.tabs-section .main-tab>li.active>a{
    background: #eead23;
    color: #fff;
}
/*END*/

.tabs-section .tab-pane{position: relative;margin-top: 2px;}
.tabs-section .tab-pane .overlay{ position: absolute; bottom: -10px;left: 0;}
.tabs-section .tab-pane .overlay span{color: #fff;font-size: 12.50px;padding: 6px 25px; background: #25aae1;text-transform: uppercase;}
.tabs-section .tab-pane .overlay h3{color: #fff;font-size: 34px;font-family: 'metropolis-thin';margin-top: 0; background: rgba(0,0,0,0.5); padding: 28px 10px 22px 40px;}

.tag{font-size: 8.15px;padding: 4px 15px;text-transform: uppercase; font-weight: bold;}/*Surekha - 07/11/2019 - added font-weight: bold;*/
.tag.aviation{background: #25aae1; color: #fff;}/*blue*/
.tag.destination{background: #eead23; color: #fff;}/*yellow*/
.tag.cruise{background: #e93e43; color: #fff}/*red*/
.tag.discover{background: #7cb342; color: #fff;}/*green*/
.tag.events{background: #e91e63; color: #fff; }/*pink*/


.customBlog{ margin-top: 30px; }

/*
Start
07/10/2020
Sushma B
Added for fixing CLS issue with latest news section
*/
.col-centered{
    min-height: 250px; 
}

.advertise-banner1{
    min-height: 100px; 
}

/*Surekha - 08/02/2021 -  commented to remove blank space above image in blog page. 
    .tabs-section{
    min-height: 625px;
}*/
/* END */

.customBlog .col-centered{width: 87.333333%;}

/*
SS
20210721
changed the h4 to p tag and changed the width of the before and after
*/
/*.customBlog .heading h4{ color: #959595; font-size: 15.19px; text-transform: uppercase; text-align: center;font-family: 'metropolis-extra-bold';margin-bottom: 40px;}
.customBlog .heading h4:after{ position: absolute; content: ''; border-bottom: 1px solid;height: 1px; width: 250px; top: 18px; right: 15px;}
.customBlog .heading h4:before{ position: absolute; content: ''; border-bottom: 1px solid;height: 1px; width: 250px; top: 18px; left: 15px;}*/

.customBlog .heading p{ color: #959595; font-size: 15.19px; text-transform: uppercase; text-align: center;font-family: 'metropolis-extra-bold';margin-bottom: 40px; padding-top: 7px;}
.customBlog .heading p:after{ position: absolute; content: ''; border-bottom: 1px solid;height: 1px; width: 250px; top: 18px; right: 15px;}
.customBlog .heading p:before{ position: absolute; content: ''; border-bottom: 1px solid;height: 1px; width: 250px; top: 18px; left: 15px;}
/*END*/

.customBlog .owl-theme .owl-nav [class*=owl-]{background: transparent; color: #959595;font-size: 50px;}
.customBlog .owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important; color: #eead23 !important;}
.customBlog .owl-theme .owl-nav .owl-prev{position: absolute;left: -67px ;top: 24%;}
.customBlog .owl-theme .owl-nav .owl-next{position: absolute;right: -67px ;top: 24%;}

/* LATEST NEWS */

.latestNews.owl-theme .item{position: relative;}
.latestNews.owl-theme .item .details{position: absolute;bottom: -10px;color: #fff; width: 100%;} /*Surekha - 07/11/2019 - added width: 100%; */
.latestNews.owl-theme .item .details p{
    background: rgba(0,0,0,0.5); 
    padding: 10px; /* 15px; Surekha - 07/11/2019 - */
	/* 
	 START
	 Shantanu
	 03-27-19
	 display text
	 */
	/*width: 235px;*/
	text-align: left; /*justify; Surekha - 07/11/2019*/
    overflow: hidden;
   /*Surekha - 16/04/2020 -  commented to remove ellipses.
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     */
    font-size: 12px; /*END*/
    line-height: 1.1; /*1.2; */
    height: 70px !important;
}
.latestNews.owl-theme .item .details p a{
    color: #fff;
}
.latestNews.owl-theme .item .details p a:hover{
    color: #fff;
    text-decoration: underline;
}
.view-all-img {
    height: 230px;
    overflow: hidden;
}
.view-all-img img {
    object-fit: cover;
    height: 100% !important;
}

/* Destination */

.blogDestination .owl-theme .item{position: relative;}
.blogDestination .owl-theme .item .details{position: absolute;bottom: -10px;color: #fff;}
.blogDestination .owl-theme .item .details p{ background: rgba(0,0,0,0.5); padding: 15px; width: 235px;}

/* Events */

.blogEvents .owl-theme .item .details{margin-top: 1px;}
.blogEvents .owl-theme .item .details h6 { font-size: 13px;margin-bottom: 2px; }
.blogEvents .owl-theme .item .details p{ font-size: 10.50px; margin-bottom: 0; }
.blogEvents .owl-theme .item .details a{ font-size: 10.50px; text-transform: uppercase; text-decoration: none; color: #000; font-family: 'metropolis-bold'; }

/* Discover */

.discover .owl-theme .item .details{margin-top: 1px;}
.discover .owl-theme .item .details h6 { font-size: 13px;margin-bottom: 2px; }
.discover .owl-theme .item .details p{ font-size: 10.50px; margin-bottom: 0; }
.discover .owl-theme .item .details a{ font-size: 10.50px; text-transform: uppercase; text-decoration: none; color: #000; font-family: 'metropolis-bold'; }

/* Video  */

.video-story .owl-theme .item .details{margin-top: 1px;}
.video-story .owl-theme .item .details h6 { font-size: 13px;margin-bottom: 2px; }
.video-story .owl-theme .item .details p{ font-size: 10.50px; margin-bottom: 0; }
.video-story .owl-theme .item .details a{ font-size: 10.50px; text-transform: uppercase; text-decoration: none; color: #000; font-family: 'metropolis-bold'; }
/*Surekha - 12/06/2020 -  changed .copywrite to footer .copywrite and padding : 0px; */
/*.copywrite */
footer .copywrite{ background: url(../images/blog/footer-bg.jpg); padding: 0px 10px; } /*padding: 35px 0;*/
.copywrite span{color: #fff;padding-left: 15px;}

/* Customer feedback*/

.customer-feedback {margin-top: 30px;border: 1px solid;padding: 10px;}
.customer-feedback .feedback-wrapper{border-bottom: 1px solid;padding-bottom: 20px;}
.customer-feedback .feedback-wrapper .img{padding-right: 2px;}
.customer-feedback .feedback-wrapper .feedbk{padding-left: 2px;}
.customer-feedback .feedback-wrapper img{margin-top: 13px;}
.customer-feedback .feedback-wrapper h6{font-family: 'metropolis-bold'; color: #004a80; margin-bottom: 0;}
.customer-feedback .feedback-wrapper p{font-family: 'metropolis-thin'; color: #707070; font-size: 10px; margin-bottom: 0;}
.customer-feedback .feedback-wrapper a{font-family: 'metropolis-bold'; color: #707070; font-size: 10px; text-transform: uppercase;text-decoration: none;}

/* header */

.blog-header {margin-bottom: 13px;}
.blog-header nav{ background: url(../images/blog/header-bg.jpg);}
.blog-header ul > li> a{font-size: 11px !important;text-transform: uppercase !important;color: #fff;padding: 4px 20px !important; outline: none;}
.blog-header ul > li> a:hover{color: #eead23 !important;text-decoration: none;background: #ff0;}
.blog-header ul .ubermenu-custom-content-padded{padding: 4px 15px;}
.blog-header .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .blog-header .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{background: transparent;outline: none;}
.blog-header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target{ line-height: 50px;}

.blog-header ul > li:nth-child(7){float: right !important;}   
.blog-header ul > li:nth-child(7) a{ padding: 9px 40px 1px 7px !important; outline: none;}
.blog-header ul > li:nth-child(7) a i{font-size: 26px;}

.blog-header ul > li:nth-child(8){float: right !important;}
.blog-header ul > li:nth-child(8) a{ padding: 9px 7px 1px !important; outline: none;}
.blog-header ul > li:nth-child(8) a i{font-size: 26px;}

.blog-header ul > li:nth-child(9){float: right !important;}
.blog-header ul > li:nth-child(9) a{ padding: 9px 7px 1px !important; outline: none;}
.blog-header ul > li:nth-child(9) a i{font-size: 26px;}

.blog-header .ubermenu .ubermenu-search .ubermenu-searchform{border-radius: 50px; background: rgba(255,255,255,0.7)}

.blog-header ul > li > ul.ubermenu-submenu{background: #eead23;width: 120px;}
.blog-header ul > li > ul.ubermenu-submenu > li > a{color: #fff;}
.blog-header ul > li > ul.ubermenu-submenu > li > a:hover{color: #f00 !important;}

/*.tabs-section-xs .panel-heading{ background: #e2e2e2 !important;}
.tabs-section-xs .panel-heading{ margin-right: 1px; text-align: center; text-transform: uppercase; font-size: 16px; border-radius: 0; color: #959595;}

.tabs-section-xs .panel-body img{margin-bottom: 2px;}
.tabs-section-xs .panel-body .overlay span{color: #fff;font-size: 12.50px;padding: 6px 25px; background: #25aae1;text-transform: uppercase;}
.tabs-section-xs .panel-body .overlay h3{font-size: 20px;color: #636363;}*/




/*.tabs-section-xs .panel-body .overlay{ position: absolute; bottom: -10px;left: 0;}
.tabs-section-xs .panel-body .overlay span{color: #fff;font-size: 12.50px;padding: 6px 25px; background: #25aae1;text-transform: uppercase;}
.tabs-section-xs .panel-body .overlay h3{color: #fff;font-size: 34px;font-family: 'metropolis-thin';margin-top: 0; background: rgba(0,0,0,0.5); padding: 28px 10px 22px 40px;}*/

/*
START
SHANTANU
04-29-19
css for advertisement banner
*/
.advertisement{ width: 100%; margin: 20px 0 10px; min-height: auto;}
.advertise-banner1{width: 100%; height: 100%; margin: 0;}
.advertise-banner1 .owl-carousel .owl-item img{display: block; width: 100%;}
.advertise-banner-section{width: 100%; padding: 0; margin: 0;}
/*END*/


/*
Start
29/09/2020
Sushma B
Added for fixing CLS issue
*/
.sidebar-col1{
    min-height: 526px;
}

.blog-prod-slider img.hh-offer-image{
    /*
    SS
    20210721
    Added for fixing CLS issue
    */
     /*min-height: 500px;*/
    min-height: 500px;
    /*END*/
}
/* END */


/*
Start
03/03/2021
Sushma Sutar
Added CSS for Blog New Design
*/

.customBlog .latestNews {
    display: inline-block;
    width: 100%;
	padding: 0;
    margin: 0;
}
.customBlog .latestNews .blog_grids {
    width: 24%;
    float: left;
    margin-right: 1%;
	margin-bottom: 15px;
    list-style: none;
	position: relative;
}
.customBlog .latestNews .blog_grids .view-all-img {
    height: 210px;
}
/* .customBlog .latestNews li:nth-child(4n) {
    margin-right: 0;
} */
.customBlog .latestNews a .details {
    position: absolute;
    bottom: -10px;
    color: #fff;
    width: 100%;
}
.customBlog .latestNews a .details p, .customBlog .latestNews a .details h3, .customBlog.blog_home .latestNews a .details h2 {
    background: rgba(0,0,0,0.5);
    padding: 10px;
    text-align: left;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 1.1;
    height: 70px !important;
    margin-top: 0;
}
.customBlog .latestNews .blog_grids img {
    width: 100%;
}
.customBlog .latestNews .blog_grids .small-add-block {
    height: 100%;
	padding: 10px 10px 5px;
	z-index: 99;
}
.customBlog .latestNews .blog_grids p.small-add-block1 {
	/*overflow: hidden; */
    font-size: 13px;
    /* height: 23px; */
    padding-top: 0;
}
.customBlog .latestNews .blog_grids p.small-add-block2 {
    font-size: 11px;
    line-height: 12px;
}
.customBlog .latestNews .blog_grids p.small-add-block3 {
    font-size: 17px;
    line-height: 12px;
}
.customBlog .latestNews .blog_grids p.small-add-block3 small {
    font-size: 9px;
}
.customBlog .latestNews .blog_grids p.small-add-block3 span {
    font-size: 10px;
}
.customBlog ul.latestNews_grid {
    display: inline-block;
    width: 100%;
	padding: 0;
    margin: 0;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #555;
}
.customBlog ul.latestNews_grid li {
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-bottom: 15px;
    list-style: none;
	box-shadow: 0 0 10px 2px #e2e2e2;
	padding: 2px;
}

.customBlog ul.latestNews_grid li a {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 900;
    min-height: 88px;
    overflow: hidden;
    text-decoration: none;
	height: 88px;
}
.customBlog ul.latestNews_grid p span.category_link a {
    font-weight: normal;
    height: 20px;
    overflow: hidden;
    min-height: 20px;
    font-size: 14px;
}
.customBlog ul.latestNews_grid li a .small_thumbnail {
    width: 30%;
    float: left;
}
.customBlog ul.latestNews_grid li a .small_thumbnail img {
    width: 100%;
}
.customBlog ul.latestNews_grid li a .grid_title {
    width: 65%;
    float: left;
    margin-left: 8px;
}
.customBlog ul.latestNews_grid p {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 14px;
	padding-left: 10px;
	margin: 0;
	height: 20px;
    overflow: hidden;
}
.customBlog ul.latestNews_grid p span.reading_time {
	border-right: 1px solid #000;
    padding-right: 5px;
	margin-right: 5px;
}
.customBlog ul.latestNews_grid p span, 
.customBlog ul.latestNews_grid p img {
    float: left;
    
}
.customBlog ul.latestNews_grid p img {
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player {
    padding-bottom: 25%;
    background: transparent;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player img {
    width: 376px;
}

/*sidebar search form*/
.right-section .blog_search_form {
    margin-bottom: 20px;
}
.right-section .blog_search_form input[type="text"] {
    width: 68%;
    text-indent: 0px;
    /*  Start
        SP
        15/09/2021
        Changed font-size and padding to align text in input.
    */
    font-size: 12px; /* 16px; */
    padding: 4px;
}
.right-section .blog_search_form input.search_btn {
    width: 30%; /* 80px; SP - 15/09/2021 - changed to align in same line. */
    padding: 3px 5px 4px;
    font-size: 14px; /* SP - 15/09/2021 - added to display text aligned with input text. */

}


/*Travel blog search from*/
form.blog_search_form {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
}
.blog_search_form .fa-search {
    position: absolute;
    top: 20%;
    left: 10%;
    font-size: 21px;
    color: #a3a3a3;
}
.blog_search_form input[type="text"] {
    height: 40px;
    padding: 4px 10px 4px;
    width: 55%;
    background: #e9e7e7;
    border: 0;
    text-indent: 30px;
    font-size: 18px;
}
.blog_search_form .search_btn {
    height: 40px;
    background: #ee8622;
    border: 0;
    padding: 6px 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    width: 27%;
}
.blog-search-header{
	padding: 6% 0;
    text-align: center;
	background: url(/wp-content/themes/hideawayholidays/frontend/images/HH-Tapa-Search-Banner.jpg)no-repeat;
    background-size: cover;
}
.blog-search-header h1 {
    text-shadow: 0 1px 5px #000;
    color: #fff;
    font-family: 'metropolis-bold';
    text-transform: uppercase;
    font-size: 55px;

}
.blog .left-section .blog_posts .blog_search_content p {
    font-size: 16px;
}
.blog .left-section .blog_posts a {
    text-decoration: none;
}
.blog .left-section .blog_post p, 
.blog .left-section .blog_posts a, 
.blog .left-section .blog_posts span {
    color: #000;
	font-style: unset;
}
.blog .left-section .blog_posts {
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 10px 2px #e2e2e2;
    margin-bottom: 30px;
    border-radius: 6px;
    height: auto;
}
.blog .left-section .blog_posts .blog_thumbnail {
    float: left;
    width: 20%;
    margin-right: 20px;
    padding: 5px;
}
.blog .left-section .blog_posts .blog_thumbnail img {
    border-radius: 10px;
    width: 100%;
    display: block;
    object-fit: cover;
    height: 150px;
}
.blog .left-section .blog_posts .blog_search_content {
    width: 75%;
    float: left;
	text-align: justify;
}
.blog .left-section .search_text {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.blog .left-section a.search_breadcrumbs {
    color: #636363;
    font-weight: normal;
    text-decoration: none;
}
.blog .left-section .search_text h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    width: 30%;
    float: left;
    margin: 0;
    padding-top: 4px;
}
.blog .left-section .search_text form {
    width: 68%;
    float: left;
}
.blog .left-section .search_text form input[type="text"] {
    border: none;
    font-size: 24px;
    color: #000;
    padding: 0px 5px 0px 5px;
    text-transform: capitalize;
    background: #eee;
}
.blog .left-section .search_text form input.search_btn {
    background: #ee8622;
    border: 0;
    padding: 2px 5px 1px 5px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    width: 100px;
}
.blog .left-section .blog_posts .blog_search_content h4 {
    font-weight: 700;
}
.blog .left-section .blog_posts .blog_search_content .blog_details img {
    height: 20px;
    width: 20px;
}
.blog .left-section .blog_posts .blog_search_content .blog_details .vertical_partition {
    border-right: 1px solid;
}
.blog .left-section .blog_posts .blog_search_content .blog_details span {
    padding-right: 5px;
}
.blog .pagination_wrap {
    text-align: center;
}
.blog .pagination_wrap ul.pagination li a {
    color: #000;
    padding: 10px 13px 8px;
    height: 40px;
    width: 40px;
    margin: 2px;
}
.blog .pagination_wrap ul.pagination li.Previous a, 
.blog .pagination_wrap ul.pagination li.next a {
    color: #ee8622;
}
.blog .pagination_wrap ul.pagination li.current_page a {
    border: 2px solid #ee8622;
	pointer-events: none;
    cursor: default;
}
.blog .pagination_wrap ul.pagination li a.disabled {
    pointer-events: none;
    cursor: default;
}

/*Css for video blog page*/

.Video_details p {
    color: #000;
    margin: 0;
}
.Video_details h2.video_title {
    min-height: 63px;
    overflow: hidden;
    height: 63px;
    font-size: 14px;
    color: #000;
}

.blog_video .latest-news.customBlog #show_more {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
	/* display: none; */
}
.blog_video .left-section .latest-video h1 {
    font-weight: 600;
}
.blog_video .latest-news.customBlog #show_more a.show_more_videos {
    font-weight: 600;
    color: #ee8622;
    font-size: 18px;
    text-decoration: none;
    width: 150px;
    height: 80px;
    border: 2px solid #f2983b;
    padding: 5px 20px 5px;
}
.blog_video .latest-news.customBlog form.blog_search_form {
    margin-top: 20px;
}
.blog_video .latest-video h3 {
    color: #000;
    font-weight: 600;
}
.blog_video .customBlog .latestNews .blog_grids .youtube_img {
	position: relative;
}
.blog_video .customBlog .latestNews .blog_grids .youtube_img img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.blog_video .customBlog .latestNews li.blog_grids {
    width: 32%;
    margin-right: 2%;
	display:none;
}
.blog_video .customBlog .latestNews li.blog_grids:nth-child(3n) {
    margin-right: 0;
}
.blog_video .customBlog .latestNews li.blog_grids a {
    text-decoration: none;
}
.blog_video .single-blog-video h1.blog-video-title {
    font-weight: 600;
	margin: 20px 0;
}
.blog_video .single-blog-video .blog-video-description,
.blog_video .left-section .latest-video .blog-video-description {
    font-size: 16px;
    font-style: italic;
    text-align: justify;
	margin-top: 20px;
}
.blog_video .customBlog .latestNews .blog_grids .play{
	height: 42px;
    width: 42px;
    left: 50%;
    top: 50%;
    position: absolute;
    background: url(/wp-content/themes/hideawayholidays/images/youtubePlay.png) no-repeat;
    cursor: pointer;
    margin-top: -20px;
    margin-left: -20px;
    background-size: 100%;
}

.blog_video .single-blog-video .next_prev_section {
    text-align: center;
    margin-top: 20px;
}
.blog_video .single-blog-video .next_prev_section a {
    padding: 10px 10px;
    border: 1px solid #000;
    height: 45px;
    width: 50px;
    display: inline-block;
}
.blog_video .single-blog-video .next_prev_section a:hover {
    border-color: #ee8622;
}
.blog_video .single-blog-video .next_prev_section a i {
    color: #000;
    text-decoration: none;
    font-size: 20px;
}
.blog_video .single-blog-video .next_prev_section a.next.disabled,
.blog_video .single-blog-video .next_prev_section a.prev.disabled {
    pointer-events: none;
    cursor: default;
}

/*END*/

/*Surekha - 25/03/2021 - added same font size for the all paragraph in blog page. */
section.blog .container .left-section .custom-tab-cont p, section.blog .container .left-section .custom-tab-cont ul, section.blog .container .left-section .custom-tab-cont ol{
    font-size: 16px !important; /* 2rem !important; SP - 29/08/2021 as paragraph text font size is overriding, to make same size for link and text changed font-size. */ /*16px !important; Surekha - 30/03/2021 - changed to increase the font size and make it readable. */
    text-align: justify;
    padding-bottom: 4px;
}
/*END*/

/*Surekha - 26/03/2021 - added to make same font styling on blog page for all text. */
section.blog .container .left-section h1{
    font-size: 36px;
    font-weight: bold;
}
section.blog .container .left-section .tag_description {
    font-family: Arial,sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0 5px;
    text-align: justify;
    text-transform: none;
}
section.blog .container .left-section h2, section.blog .container .left-section h3{
    font-size: 30px;
    font-weight: bold;
}
section.blog .container .left-section .tab-content.custom-tab-cont a, section.blog .container .left-section .next-prev-post-area .table-cell a{
    color: #337ab7;
    text-decoration: none;
    /*  Start
        SP
        17/09/2021
        Added same styling to the links.
    */
    background: none;
    font-size: 16px !important;
    /*
    Start
    SP
    10/12/2021
    Removed capitalization from interlinking.
    text-transform: capitalize;*/
    font-weight: 500;
    /*END 17/09/2021*/
}
section.blog .container .left-section h6.sidebar-title{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
section.blog .container .left-section .next-prev-post-area .table-cell a{
    font-size: 14px;
    font-weight: bold;
}
section.blog .container .left-section .next-prev-post-area .table-cell p{
    font-size: 14px !important;
    line-height: 1 !important;
    padding-top: 6px;
    margin-bottom: 0px;
    font-weight: normal;
    margin-top: 0px;/*Surekha - 01/04/2021 - added to remove the blank space. */
}
section.blog .container .left-section .next-prev-post-area .table-cell b{
    font-size: 12px;
    line-height: 1;
}
section.blog .container .left-section figcaption{
    font-size: 14px;
    font-weight: bold;
}
.next-prev-post-area .table-cell .wp-post-image{
    width: 120px;
    height: 120px;
}
.tab-content.custom-tab-cont .sidebar-inner .tags{
    text-align: center;
}

/*END*/
/*
SS
20210721
added the same font size to the h2 heading
*/
.blogs-title a h2,
.blogs-list1 .blogs-title a h2{
     font-size: 13px !important;
     font-weight: bold;
     margin: 0;
}
.blogs-list1 .blogs-title a h2{
    font-size: 15px !important;
}
/*END*/

/*Surekha - 31/03/2021 - added header for previous and next blog info. */
.SingleBlogPage .next-prev-post-area h6.MoreBlogsHeader{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    padding: 10px; /*Surekha - 05/04/2021 - added space above and below the header. */
}

.SingleBlogPage .wp-block-image img{
    width: 100%;
    height: auto !important;
}
/*END*/

/*Surekha - 01/04/2021 - added styling to text which is displayed instead of alert. */
    section.blog .container .left-section .custom-tab-cont p{
    margin-top: 14px;
    }

    section.blog .container .left-section .tab-content.custom-tab-cont a #LinkCopiedAck {
    font-size: 14px !important;
    width: 120px;
    color: #ec8523;
    text-transform: none;
    border: 1px solid #ec8523;
    line-height: 0;
    background-color: transparent;
    padding: 13px;
    border-radius: 6px;
    display: block;
    font-weight: bold;
    float: right;
    text-align: center;
    }
/*END*/

/*
SS
20210722
added the css for the comment section heading
*/

section.blog .container .left-section .custom-tab-cont #comments p.comments-heading {
    font-size: 30px !important;
    font-weight: bold;
}
/*END*/
/************** Media Query Started *****************/

@media (max-width:640px) and (min-width:320px){
	.customBlog .owl-theme .owl-nav .owl-prev{
	position: absolute;
    left: -34px;
    top: 30%;
	}
	.customBlog .owl-theme .owl-nav .owl-next{
	position: absolute;
    right: -34px;
    top: 30%;
	}

	.customBlog .heading p:before,.customBlog .heading p:after{
		    width: 0; /*Changed the 70px to 50px by sushma sutar for travel blog heading responsive title*/
	}
    /*SS 20210721 added the comment here not used css*/
	/*.video-story .heading h4:before,.video-story .heading h4:after{
		width:18px;
	}*/
    /*END*/

    /*
    Start
    29/09/2020
    Sushma B
    Added for fixing CLS issue on mobile
    */
    .customBlog{
        min-height: 200px;
		margin-top: 10px;
    }
	.customBlog .heading p {
        margin-bottom: 20px;
	}
    .advertisement{
        min-height: 100px;
    }
   .right-section .sidebar-col1{
        min-height: 438px;
    }
    .video{
        min-height: 170px;
    }

    .right-section .sidebar-col1 .sidebar-inner{
        min-height: 436px;
    }
	/*
	Start 05-01-2021
	Sushma Sutar
	Commented code for the remove the extra space from bottom of the sidebar
	*/
    /* .sidebar-col.sidebar-col2{
        min-height: 1006px;
    } */
    /* END */
	/*Added by Sushma Sutar for removing the space on mobile*/
	.sidebar-title {
        margin-bottom: 0;
	}
	.recommanded-post ul li {
		margin-bottom: 0;
	}
	/*Commented by Sushma sutar to remove the extra space from the search result page*/
	/* .tabs-section {
		min-height: 560px;
	} */ 
	.col-centered {
		min-height: 230px;
	}

}
@media (max-width:767px) and (min-width:641px){
 .customBlog .heading p:after{width: 170px;} /*SS 20210721 changed the width*/
  .customBlog .heading p:before{width: 170px;} /*SS 20210721 changed the width*/
.video-story .heading p:after{width: 130px;} /*SS 20210721 changed the width*/
  .video-story .heading p:before{width: 130px;} /*SS 20210721 changed the width*/

    /*
    Start
    29/09/2020
    Sushma B
    Added for fixing CLS issue on mobile
    */
    .customBlog{
        min-height: 300px;
    }
    .advertisement{
        min-height: 100px;
    }
    .sidebar-col1{
        min-height: 438px;
    }
    .video{
        min-height: 220px;
    }

    .right-section .sidebar-col1 .sidebar-inner{
        min-height: 436px;
    }

    .sidebar-col.sidebar-col2{
        min-height: 150px;
    }
    /* END */


}
@media (max-width:991px) and (min-width:768px){
	.customBlog .heading p:after{width: 120px;} /*SS changed the width*/
  .customBlog .heading p:before{width: 120px;} /*SS changed the width*/
.video-story .heading p:after{width: 100px;} /*SS changed the width*/
  .video-story .heading p:before{width: 100px;} /*SS changed the width*/
  .sidebar-col1 {
		min-height: 400px;
	}
	.owl-carousel .owl-item .item img.img-responsive{
		min-height: 370px;
	}

/*Surekha - 31/03/2021 - added to make header little bit smaller in medium devices. */
section.blog .container .left-section h1{
    font-size: 30px;
}
.left-section .main-tab .social_media_section .estimated_info{
    font-size: 16px;
    line-height: 22px;
}
/*END*/

}

@media (min-width: 991px){
.next-prev-post-area .col-md-6.text-left{
    border-left: 1px solid black;
}
}
/*END*/

@media (max-width:1200px) and (min-width:992px){
	.customBlog .heading p:after{width: 200px;}
  .customBlog .heading p:before{width: 200px;}
.video-story .heading p:after{width: 200px;}
  .video-story .heading p:before{width: 200px;}
}

.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 37px 0 10px 58px;}
p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 12px;margin: 0; padding: 0}
p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 18px;  width: 48%;
    line-height: 24px; margin: 0; padding: 0;}
.ad-bnr-price-block{width: 120px; height: 120px; border-radius: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.8); position: absolute; top: 10px; left:53%; text-align: center;}
.ad-bnr-price-block .small1{color: #000;font-family: 'metropolis-regular'; font-size: 14px; text-transform:lowercase;margin: 0; padding: 28px 0 5px;line-height: 15px}
.price1{color: #000;font-family: 'metropolis-bold'; font-size: 30px; text-transform:uppercase;margin: 0; padding: 0; line-height: 20px;}
.price2{color: #000;font-family: 'metropolis-bold'; font-size: 10px; text-transform:lowercase;margin: 0; padding: 8px 0 0;line-height: 15px}
.advertise-banner1 .owl-theme .owl-dots .owl-dot.active span,.advertise-banner1 .owl-theme .owl-dots .owl-dot:hover span {
    background: #dd3a21 !important; /*SS 20210720 changed the dots colors */
}
.advertise-banner1 .owl-theme .owl-dots .owl-dot span{background-color: #f1b92e !important /*SS 20210720 changed the dots colors */}

.blog-prod-slider.owl-theme .owl-dots .owl-dot.active span,.advertise-banner1 .owl-theme .owl-dots .owl-dot:hover span {
    background: #dd3a21 !important; /*SS 20210720 changed the dots colors */
}
.blog-prod-slider.owl-theme .owl-dots .owl-dot span{background-color: #f1b92e !important; /*SS 20210720 changed the dots colors */}

@media (max-width:375px) and (min-width:320px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 20px 0 0px 23px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 7px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-regular'; text-transform: uppercase; font-size: 10px;  width: 51%;
    line-height: 10px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.5);top: -34%;left: 47%;}
	.advertise-banner-section .owl-stage-outer .item{height: 70px;}
	.advertise-banner1 .owl-carousel .owl-item img{height: 100%;}
	
	
}
@media (max-width:420px) and (min-width:376px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 20px 0 0px 25px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 8px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 11px;  width: 53%;
    line-height: 12px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.6);left: 48%;top:-22%}
	
	.advertise-banner-section .owl-stage-outer .item{height: 80px;}
	.advertise-banner1 .owl-carousel .owl-item img{height: 100%;}
}
@media (max-width:530px) and (min-width:421px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 30px 0 0px 25px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 9px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 12px;  width: 52%;
    line-height: 12px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.65);left: 50%;top:-14%}
	
	.advertise-banner-section .owl-stage-outer .item{height: 90px;}
	.advertise-banner1 .owl-carousel .owl-item img{height: 100%;}
    /*
    SS 20210721
    Added the css for before and after
    */
    .video-story .heading p:before,.video-story .heading p:after,.customBlog .heading p:before, .customBlog .heading p:after{
        width:40px;
    }
    /*END*/
}
@media (max-width:640px) and (min-width:531px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 30px 0 0px 25px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 12px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 15px;  width: 52%;
    line-height: 15px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.8);left: 54%;top:-3%}
	
	.advertise-banner-section .owl-stage-outer .item{height: 110px;}
	.advertise-banner1 .owl-carousel .owl-item img{height: 100%;}
    /*
    SS 20210721
    Added the css for before and after
    */
    .video-story .heading p:before,.video-story .heading p:after,.customBlog .heading p:before, .customBlog .heading p:after{
        width:90px;
    }
    /*END*/
}
@media (max-width:680px) and (min-width:641px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 30px 0 0px 25px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 10px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 16px;  width: 52%;
    line-height: 17px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.8);left: 53%;top:-4%}
}
@media (max-width:767px) and (min-width:681px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 35px 0 0px 35px;}
	p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 10px;margin: 0; padding: 0}
	p.ad-bnr-name2{color:#fff;font-family: 'metropolis-bold'; text-transform: uppercase; font-size: 17px;  width: 52%;
    line-height: 18px; margin: 0; padding: 0;}
	.ad-bnr-price-block{transform: scale(.9);left: 53%;top:2%}
}
@media (max-width:1199px) and (min-width:992px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 25px 0 10px 40px;}
p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 12px;margin: 0; padding: 0}
p.ad-bnr-name2{color:#fff;font-family: 'metropolis-regular'; text-transform: uppercase; font-size: 17px;  width: 50%;
    line-height: 21px; margin: 0; padding: 0;}
.ad-bnr-price-block{transform: scale(.9);left: 54%;top:0}


}
@media (max-width:991px) and (min-width:768px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 30px 0 0px 30px;}
p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 13px;margin: 0; padding: 0}
p.ad-bnr-name2{color:#fff;font-family: 'metropolis-regular'; text-transform: uppercase; font-size: 16px;  width: 52%;
    line-height: 16px; margin: 0; padding: 0;}
.ad-bnr-price-block{transform: scale(.9);left: 54%;top:2%}
	
	.advertise-banner-section .owl-stage-outer .item{height: 120px;}
	.advertise-banner1 .owl-carousel .owl-item img{height: 100%;}


}
@media (max-width:1279px) and (min-width:1200px){
	.ad-bnr-below-block{width: 100%; height: 100%; background-color: rgba(251, 142, 0, 0.75);; position: absolute; top: 0; left: 0;clip-path: polygon(0 0, 64% 0%, 58% 100%, 0 100%); padding: 40px 0 10px 50px;}
p.ad-bnr-name1{color:#fff;font-family: 'metropolis-regular'; text-transform: capitalize; font-size: 15px;margin: 0; padding: 0}
p.ad-bnr-name2{color:#fff;font-family: 'metropolis-regular'; text-transform: uppercase; font-size: 20px;  width: 51%;
    line-height: 21px; margin: 0; padding: 0;}
.ad-bnr-price-block{transform: scale(.95);left: 55%;top:14px}


}
.col-md-2.col-sm-3.col-xs-3.logo-section {
    position: relative !important;
    z-index: 999 !important; /*9999; Shantanu - 17/06/2020 - changed as logo is overlapping on pop up. */
}
}

/*
Start - 04-03-2021 
Sushma Sutar
Responsive for the travel blog
*/
@media (max-width:1199px){
/* .blog_search_form .fa-search {
    left: 7%;
} */
.right-section .blog_search_form input[type="text"] {
    width: 70%;
}
.right-section .blog_search_form input.search_btn {
    width: 60px;
    font-size: 16px;
}
.customBlog ul.latestNews_grid p img {
	margin-right: 3px;
}
.customBlog ul.latestNews_grid p span.reading_time {
    padding-right: 3px;
    margin-right: 3px;
}
.customBlog ul.latestNews_grid p {
    padding-left: 3px;
}

.blog .left-section .search_text form {
    width: 65%;
}
.blog .left-section .search_text h3{
	font-size: 20px;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player {
    padding-bottom: 30%;
}
}

@media (max-width:1100px){
.customBlog ul.latestNews_grid li {
    width: 32%;
	margin-right: 1%;
}
.customBlog .latestNews li.blog_grids {
    width: 32%;
	margin-right: 1%;
}
.blog .left-section .blog_posts .blog_thumbnail {
    width: 30%;
}
.blog .left-section .blog_posts .blog_search_content {
    width: 65%;
}
}

@media (max-width:991px){
.mainMenu .logo-section {
    width: 16%;
}
.customBlog .latestNews li.blog_grids {
    width: 48%;
}

.customBlog ul.latestNews_grid li {
    width: 48%;
}
/* .blog_search_form .search_btn {
	width: 110px;
} */
/* .blog_search_form input[type="text"] {
    width: 66%;
} */
.right-section .blog_search_form input[type="text"] {
    width: 63%; /* 58%; SP - 15/09/2021 - changed to align search box. */
}

/*  SP - 15/09/2021 -  added to align search button.*/
.right-section .blog_search_form input.search_btn{
    width: 33%;
}
/*END*/

.blog .left-section .search_text h3 {
    font-size: 17px;
    width: 33%;
    padding-top: 8px;
}
.blog .left-section .search_text form {
    width: 67%;
    margin-left: 0;
}
.blog .left-section .search_text form input.search_btn{
	width: 80px;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player {
    padding-bottom: 39%;
}
}
@media (max-width:767px){
	/* .blog_search_form input[type="text"] {
        width: 74%;
	} */
	.customBlog ul.latestNews_grid li a{
		margin-bottom: 10px;
	}
	.mainMenu .logo-section {
		width: 20% !important;
	}
	.customBlog .latestNews li.blog_grids {
		width: 100%;
		margin-right: 0;
	}
	.blog_video .customBlog .latestNews li.blog_grids{
		width: 100%;
		margin-right: 0;
	}
	.blog_video .customBlog .latestNews .blog_grids .youtube_img img {
		height: 230px;
	}
	.customBlog ul.latestNews_grid li {
		width: 100%;
		margin-right: 0;
	}
	.right-section .blog_search_form input.search_btn {
		width: 100px;
	}
	/* .blog_search_form .fa-search {
		left: 6%;
	} */
	.customBlog .latestNews .blog_grids .view-all-img {
		height: 400px;
	}
	.blog .left-section .search_text h3 {
		font-size: 22px;
		width: 33%;
		padding-top: 4px;
	}
	.blog .left-section .search_text form {
		width: 67%;
		margin-left: 0;
	}
	.blog .left-section .search_text form input.search_btn {
		width: 100px;
	}
	
	.blog .left-section .search_text h3 {
		width: 100%;
		margin-bottom: 10px;
	}
	.blog .left-section .search_text form {
		width: 100%;
	}
	.blog .left-section .search_text form input[type="text"]{
		width: 60%;
	}
	.blog .left-section .search_text form input.search_btn {
		width: 100px;
	}
	
	/* .blog_video .customBlog .latestNews .blog_grids img {
		height: 250px;
	} */
	.Video_details p.video_title {
		min-height: auto;
		height: auto;
	}
	.blog_video .single-blog-video h1.blog-video-title {
        font-size: 23px;
	}
	.blog .left-section .latest-news .video-story.customBlog #youtube-player {
		padding-bottom: 28%;
	}
	.customBlog ul.latestNews_grid li {
		width: 48%;
		margin-right: 2%;
	}
/*Surekha - 31/03/2021 - aligned header in medium devices. */
    section.blog .container .left-section h1{
        font-size: 26px;
        line-height: 30px;
    }

/*END*/
}

/*Surekha - 31/03/2021  added to align image in small devices. */
@media (max-width: 600px){
  .SingleBlogPage .custom-tab-cont .wp-block-image .alignleft, .SingleBlogPage .custom-tab-cont .wp-block-image .alignright{
        width: 100%;
        margin: 0px;
    }
	/*Sushma sutar code for travel blog responsive changes*/
	.blog .left-section .latest-news .video-story.customBlog #youtube-player {
		padding-bottom: 37%;
	}
	.customBlog .latestNews .blog_grids .view-all-img {
		height: 300px;
	}
	/*END*/
}
/*END*/

@media (max-width:567px){


.blog .left-section .blog_posts .blog_thumbnail {
		width: 100%;
}
.blog .left-section .blog_posts .blog_search_content {
	width: 100%;
	padding: 10px;
}
.blog .left-section .blog_posts .blog_thumbnail img {
	height: 300px;
}
/*
SS
20210722
changed the margin in the mobile view
*/
.blog_video .latest-news.customBlog #show_more {
    margin-top: 0;
}
.Video_details h2.video_title {
    min-height: auto;
    height: auto;
}
/*END*/
}


@media (max-width:450px) and (min-width:300px){
.blog_search_form .fa-search {
    display: none;
}
.blog_search_form input[type="text"] {
    text-indent: unset;
    padding: 4px;
	width: 71%;
}
.blog_search_form .search_btn {
    padding: 5px 5px;
}
.blog_video .customBlog .latestNews .blog_grids .youtube_img img {
    height: 170px;
}
.blog .left-section .search_text form input[type="text"] {
    font-size: 20px;
    padding: 4px 5px 3px 5px;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player {
    padding-bottom: 50%;
}

/*Surekha - 31/03/2021 - added to make header text little bit smaller in small devices. */
section.blog .container .left-section h1{
    /*SS
    20210720
    make the blog title align center
    */
    /*font-size: 28px;
    line-height: 34px;*/
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    /*END*/
}

section.blog .container .left-section h2, section.blog .container .left-section h3{
    font-size: 26px;
}
/*END*/



}
@media (max-width: 420px){
.customBlog ul.latestNews_grid li a {
    height: auto;
}
.customBlog ul.latestNews_grid li {
    width: 100%;
    margin-right: 0;
}
.customBlog ul.latestNews_grid li a .small_thumbnail {
    width: 40%;
}
.customBlog ul.latestNews_grid li a .small_thumbnail img {
    height: 110px;
    object-fit: cover;
}
.customBlog ul.latestNews_grid li a .grid_title {
    width: 55%;
}
/*
SS 20210721
Added the css for before and after
*/
.video-story .heading p:before,.video-story .heading p:after, .customBlog .heading p:before, .G .heading p:after{
    display: none;
}
/*END*/
}

@media (max-width: 400px){
.customBlog .latestNews .blog_grids .view-all-img {
    height: 230px;
}
/* .blog_search_form input[type="text"] {
    width: 71%;
} */
.right-section .blog_search_form input[type="text"] {
    width: 72%;
}
/* .blog_search_form .search_btn {
    width: 80px;
    padding: 5px 5px 5px;
} */
.right-section .blog_search_form input.search_btn {
    width: 75px;
}
.blog_video .customBlog .latestNews .blog_grids img {
	height: 210px;
}
.blog .left-section .latest-news .video-story.customBlog #youtube-player {
    padding-bottom: 56%;
}
/*
SS
20210720
align the advertisement section in the middle
*/
.ad-bnr-below-block {
padding: 10px 0 0px 10px;
}


}
@media (max-width: 360px){

.customBlog .latestNews .blog_grids .view-all-img {
    height: 200px;
}
.blog .left-section .blog_posts .blog_thumbnail img {
    height: 220px;
}

}

/*
SS
20210720
added the new media to set the width to the tabs
*/
@media (max-width: 390px){

/*added the specific width to the tabs*/
section.blog .left-section .tabs-section .main-tab ul.nav.nav-tabs.custom-tabs li a {
    width: 130px !important;
}

section.blog .left-section .tabs-section .main-tab ul.nav.nav-tabs.custom-tabs li {
    width: 135px;
}
/*END*/
}