.panelheading {
   background: #c8c8c8;
   color: #000
 }

 @media (min-width: 768px) and (max-width: 1199px) {
   .panelheading {
     min-height: 136px;
   }
 }

 .panel {
   -webkit-box-shadow: 2px 2px 16px 1px rgba(196, 196, 196, 1);
   -moz-box-shadow: 2px 2px 16px 1px rgba(196, 196, 196, 1);
   box-shadow: 2px 2px 16px 1px rgba(196, 196, 196, 1);
 }

 .panel-body-innsight {
   color: #555 !important;
 }

 .panelsort {
   background: #b1b1b1 !important;
 }

 .panel_icons span {
   display: inline-block;
   color: #fff;
   margin-top: 10px;
   margin-bottom: 10px
 }

 .sort {
   background-position: -20px 0 !important;
 }

 .total {
   background-position: -151px 0 !important;
 }

 .rating {
   background-position: -260px 0 !important;
 }

 .panel-title {
   color: inherit;
   font-size: 20px;
   margin-bottom: 0;
   margin-top: 0;
 }

 .list-group {
   list-style: none;
   line-height: 32px;
   box-shadow: none;
   color: #475a20;
 }

 .list-group a {
   color: #475a20;
 }

 /* .panel-body a:hover {
   color: #475a20 !important
 } */

 /* .list-group a:focus,
 a:hover {
   color: #fff !important;
 } */

 /*.SR a:focus, a:hover{ color:#475a20 !important;}*/
 /*.white a:hover{ color:#fff !important;}*/
 .panel {
   background: #f0eeee;
 }

 .rating_font {
   font-size: 55px;
   text-align: center;
 }

 .green {
   color: #86bf2b !important;
 }

 .a:hover {
   color: #fff !important;
 }

 .headdingtext {
   color: #000;
   font-weight: bold;
 }

 /* */

 .but_bg a:hover {
   color: #fff !important;
 }

 .sort_bar {
   background: #475a20;
   padding: 7px 10px;
   color: #fff;
   height: 40px;
 }

 .sort_bar p {
   margin: 0px;
 }

 .w130 {
   color: #4b4140;
 }

 .bor_gry {
   border: 1px solid #cccccc;
 }

 .reviews_box {
   background: #fff;
   margin: 72px 48px 30px;
   position: relative;
   -webkit-box-shadow: 2px 2px 7px -2px rgba(140, 140, 140, 1);
   -moz-box-shadow: 2px 2px 7px -2px rgba(140, 140, 140, 1);
   box-shadow: 2px 2px 7px -2px rgba(140, 140, 140, 1);
   transition: all .3s
 }

 .category_review_5,
 .category_review_4_5,
 .category_review_3_5,
 .category_review_2_5,
 .category_review_1_5,
 .category_review_0_5,
 .category_review_0,
 .category_review_1,
 .category_review_2,
 .category_review_3,
 .category_review_4,
 .Dest_Arrow {
   background: rgba(0, 0, 0, 0) url("../images/iconsnew.png") no-repeat scroll -849px -57px;
   display: block;
   margin-bottom: 2px;
   height: 24px;
   margin: 0 10px 0 0;
   width: 111px;
 }

 .category_review_0 {
   background-position: -554px -123px;
 }

 .category_review_1 {
   background-position: -533px -123px;
 }

 .category_review_2 {
   background-position: -510px -123px;
 }

 .category_review_3 {
   background-position: -488px -123px;
 }

 .category_review_4 {
   background-position: -466px -123px;
 }

 .category_review_5 {
   background-position: -441px -123px;
   width: 114px
 }

 /* .myccount{bottom: -35px;left:23%;margin-left: 14px;position: absolute;width: 83px;  } */
 .myccount-text {
   bottom: -97px;
   left: -2%;
   margin-left: 14px;
   position: absolute;
   width: 100%;
 }

 .myccount-map {
   bottom: -85px;
   left: -2%;
   margin-left: 14px;
   position: absolute;
   width: 100%;
 }

 @media screen and (min-width: 320px) and (max-width: 767px) {
   .myccount-text {
     bottom: -110px;
   }

   .myccount {
     bottom: -42px
   }

   .F22xs {
     font-size: 22px;
   }
 }

 @media screen and (min-width: 992px) and (max-width: 1199px) {
   .myccount {
     left: 33%;
   }
 }

 .viewmore {
   background: #61a52a;
   color: #fff;
   border-radius: 0;
   padding: 10px 22px;
   transition: all .3s;
   margin-top: -5px;
   text-transform: uppercase;
 }


 .viewmore:hover {
   -webkit-box-shadow: 0px 1px 14px -5px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 1px 14px -5px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 1px 14px -5px rgba(0, 0, 0, 0.75);
 }

 .reviews_box a:hover {
   color: #fff;
 }

 .sort_bar a {
   color: #fff !important;
 }

/* .left {
   background: url("../../images/left.png") no-repeat center top;
   height: 40px;
   margin-left: 35px;
 }

 .right {
   background: url("../../images/right.png") no-repeat center bottom;
   height: 40px;
 }*/

 .M0P0 {
   margin: 0px;
   padding: 0px;
 }

 .show-more {
   background: #4b4140;
   padding: 11px 17px 11px;
   color: #fff;
   margin: auto;
 }

 .showmore a {
   /*color:#fff !important;*/
 }

 .showmore {
   position: relative;
   bottom: 10px;
 }

 /* .btn-default:focus,
 .btn-default:hover */
 .promo-but {
   background: #088e01;
   color: #fff;
   border: none;
   padding: 7px 24px !important;
   float: left;
   margin-left: 5px;
 }

 .promo-bor {
   border: 1px solid #475a20;
   color: #000;
   float: left;
 }

 .form-group>label {
   float: left;
   margin-right: 10px;
 }

 .border-box {
   border: 1px solid #c5c5c5;
 }

 .sort_bar {
   background: #4b4140;
   padding: 10px;
   color: #fff;
   height: 42px;
   margin-bottom: 20px;
 }

 .sort_bar h4 {
   float: left;
   margin: 0px;
 }

 .pwd {
   color: #475a20;
 }

 @media screen and (min-width: 320px) and (max-width: 767px) {
   .reviews_box {
     margin: 13px 0 10px;
   }

   .bor_gry {
     border: 0px;
   }

   .but_flot {
     top: 40px;
   }

   .sortbarmobile {
     height: auto;
   }

   .sort_bar {
     margin-bottom: 80px;
   }

   .MB10mob {
     margin-bottom: 10px;
   }

   .sortbarmobile {
     margin-bottom: 0px;
   }

   .w130 {
     width: 40%
   }

   .MB80_mob {
     margin-bottom: 80px !important;
   }

   .myccount-img {
     margin-left: -78px;
     left: 49%;
     width: 140px;
   }

   /* .star{position: absolute; left: 50%; margin-left: -57px; width: 110px;} */
   .show-more {
     padding: 0px 5px 5px;
   }

   .promo-bor {
     width: 65%;
     margin: auto;
     float: left;
   }

   .reviews_box {
     margin: 43px 0 10px;
   }
 }

 @media screen and (min-width:768px) and (max-width: 991px) {
   .F13-sm {
     font-size: 13px;
   }
 }

 @media screen and (min-width: 320px) and (max-width: 1199px) {
   .MTMB0 {
     margin-bottom: 0px !important;
     margin-top: 0px !important;
   }
 }

 @media screen and (min-width: 320px) and (max-width: 1199px) {
   .MTMB0 {
     margin-bottom: 0px !important;
     margin-top: 0px !important;
   }
 }

 @media screen and (min-width: 320px) and (max-width: 400px) {
   

   .FS15-mobile {
     font-size: 15px;
   }

   .M50-40 {
     margin: 25px 0 50px !important;
   }
 }

 @media screen and (min-width:401px) and (max-width: 500px) {

   .M50-40 {
     margin: 25px 0 50px !important;
   }
 }

 @media screen and (min-width:501px) and (max-width: 600px) {


   .M50-40 {
     margin: 25px 0 50px !important;
   }
 }


 @media screen and (min-width:320px) and (max-width: 767px) {
   .showmore {
     bottom: 3px;
   }

   .show-more {
     padding: 3px 9px 7px;
   }

   .MT30-mob {
     margin-top: 30px;
   }

   .MT20-mob {
     margin-top: 20px;
   }
 }

 .plusicon {
   position: relative;
   left: 5px;
   top: 5px;
 }

 .reviews_box a:focus,
 a:hover {
   color: #fff;
 }

 #show_more a:hover {
   color: #fff !important;
 }

 .but_bg {
   border-radius: 0 !important;
   padding: 9px 28px 10px 28px !important;
   margin: 10px 0 0 !important
 }

 .T2 {
   top: 2px
 }

 #tag-id {
   border: 1px solid transparent;
   min-width: 125px;
 }

 .but_bg {
   background: #197b30;
   color: #fff;
   border: none;
   border-radius: 100px;
   padding: 12px 30px;
   transition: all .3s;
   text-transform: uppercase;
   font-size: 15px;
   /* font-weight: bold; */
   letter-spacing: 1px;
 }

 #review_content {
   /*background: #f0eeee;*/
 }

 .helpful-indicator-sortbar {
   margin-bottom: 0;
 }

 .reviews_box:hover {
   -webkit-box-shadow: 5px 5px 13px -1px rgba(133, 133, 133, 1);
   -moz-box-shadow: 5px 5px 13px -1px rgba(133, 133, 133, 1);
   box-shadow: 5px 5px 13px -1px rgba(133, 133, 133, 1);
   transform: translate(0, -3px);
 }

 .messages_bar {
   padding: 0;
 }

 @media (max-width: 767px) {
   #review_content {
     background: none;
   }
 }

 .panel {
   height: 410px;
 }

 .arrowbg {
   transition: all .3s;
 }

 .reviews_box a:hover .arrowbg {
   transform: translateX(6px);
 }


 /* .btn.btn-default,
 .btn.btn-default:focus {
   background: #197b30;
   border: none;
   text-shadow: none;
   color: #fff !important;
 }

 .btn.btn-default:hover,
 .btn.btn-default:active {
   background: #115a22 !important;
 } */

 @media (max-width: 1199px) {
   .text-md-center {
     text-align: center;
   }
 }

 .d-flex {
   display: flex;

 }

 .all-center {
   justify-content: center;
   align-items: center;
 }

 .flex-column {
   flex-direction: column;
 }



 /* New Css */
 .rating_panel {}

 .progress_circle .progress {
   width: 160px;
   height: 160px;
   line-height: 160px;
   background: none;
   margin: 0 auto;
   box-shadow: none;
   position: relative;
 }

 .progress_circle .progress:after {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 7px solid #b7b7b7;
   position: absolute;
   top: 0;
   left: 0;
 }

 .progress_circle .progress>span {
   width: 50%;
   height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   z-index: 1;
 }

 .progress_circle .progress .progress-left {
   left: 0;
 }

 .progress_circle .progress .progress-bar {
   width: 100%;
   height: 100%;
   background: none;
   border-width: 7px;
   border-style: solid;
   position: absolute;
   top: 0;
   border-color: #ffb43e;
 }

 .progress_circle .progress .progress-left .progress-bar {
   left: 100%;
   border-top-right-radius: 80px;
   border-bottom-right-radius: 80px;
   border-left: 0;
   -webkit-transform-origin: center left;
   transform-origin: center left;
 }

 .progress_circle .progress .progress-right {
   right: 0;
 }

 .progress_circle .progress .progress-right .progress-bar {
   left: -100%;
   border-top-left-radius: 80px;
   border-bottom-left-radius: 80px;
   border-right: 0;
   -webkit-transform-origin: center right;
   transform-origin: center right;
 }

 .progress_circle .progress .progress-value {
   display: flex;
   border-radius: 50%;
   font-size: 36px;
   text-align: center;
   line-height: 20px;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-weight: 300;
 }

 .progress_circle .progress .progress-value div {
   margin-top: 10px;
 }

 .progress_circle .progress .progress-value span {
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 700;
   display: block;
   color: #555;
 }

 .progress_circle .progress .progress-value span.fas {
   font-size: 30px;
   margin-bottom: 10px;
   color: #f5b702;
 }
 .progress_circle .progress .progress-value .star_list svg.fa-w-18 {
   font-size: 30px;
   margin-bottom: 10px;
   color: #f5b702;
 }

 .progress_circle .progress .progress-value svg.fa-w-18 {
   font-size: 30px;
   margin-bottom: 10px;
   color: #f5b702;
 }


 .progress_circle .progress .progress-value .text_rate {
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 10px;
   color: #f5b702;
 }

 .progress_circle .progress .progress-value svg.fa-w-16 {
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 10px;
   color: #1abc9c;
 }

.progress-value ul.star_list  svg.fa-w-18 {
    color: #555555 !important;
    font-size: 15px !important;
}



 /* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
 .progress_circle .progress[data-percentage="10"] .progress-right .progress-bar {
   animation: loading-1 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="10"] .progress-left .progress-bar {
   animation: 0;
 }

 .progress_circle .progress[data-percentage="20"] .progress-right .progress-bar {
   animation: loading-2 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="20"] .progress-left .progress-bar {
   animation: 0;
 }

 .progress_circle .progress[data-percentage="30"] .progress-right .progress-bar {
   animation: loading-3 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="30"] .progress-left .progress-bar {
   animation: 0;
 }

 .progress_circle .progress[data-percentage="40"] .progress-right .progress-bar {
   animation: loading-4 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="40"] .progress-left .progress-bar {
   animation: 0;
 }

 .progress_circle .progress[data-percentage="50"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="50"] .progress-left .progress-bar {
   animation: 0;
 }

 .progress_circle .progress[data-percentage="60"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="60"] .progress-left .progress-bar {
   animation: loading-1 1.5s linear forwards 1.5s;
 }

 .progress_circle .progress[data-percentage="70"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="70"] .progress-left .progress-bar {
   animation: loading-2 1.5s linear forwards 1.5s;
 }

 .progress_circle .progress[data-percentage="80"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="80"] .progress-left .progress-bar {
   animation: loading-3 1.5s linear forwards 1.5s;
 }

 .progress_circle .progress[data-percentage="90"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="90"] .progress-left .progress-bar {
   animation: loading-4 1.5s linear forwards 1.5s;
 }

 .progress_circle .progress[data-percentage="100"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
 }

 .progress_circle .progress[data-percentage="100"] .progress-left .progress-bar {
   animation: loading-5 1.5s linear forwards 1.5s;
 }

 @keyframes loading-1 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(36);
     transform: rotate(36deg);
   }
 }

 @keyframes loading-2 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(72);
     transform: rotate(72deg);
   }
 }

 @keyframes loading-3 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(108);
     transform: rotate(108deg);
   }
 }

 @keyframes loading-4 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(144);
     transform: rotate(144deg);
   }
 }

 @keyframes loading-5 {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(180);
     transform: rotate(180deg);
   }
 }

 .progress {
   margin-bottom: 1em;
 }

 .bx_grey {
   padding: 10px 20px;
   background: #f5f5f5;
   border: 1px solid #f5f5f5;
   min-height: 425px;
 }

 .progress_report {
   margin-top: 10px;
 }

 .progress_report span {
   /*width:49%;*/
   display: inline-block;
   padding-left: 0;
   font-weight: bold;
   color: #444;
 }

 .progress {
   height: 19px;
   margin-bottom: 15px;
   background: #929091;
 }

 .progress-bar {
   line-height: 17px;
 }

 .progress_report .progress-bar {
   font-size: 15px;
 }

 .progress-bar {
   background: #89b505;
 }

 .progress-bar-blue {
   background: #41a8ff;
 }

 .progress-bar-par {
   background: #9b43f6;
 }

 .progress-bar-yellow {
   background: #ffc412;
   color: #000
 }

 .progress-bar-red {
   background: #fc4242;
 }

 .progress-bar-dipblue {
   background: #012b67;
 }

 .prog_recommend .progress .progress-bar {
   border-color: #1abc9c;
 }

 .prog_rate .progress .progress-bar {
   border-color: #FC4242;
 }

 .prog_recommend .progress .progress-value span.fas {
   font-size: 30px;
   margin-bottom: 10px;
   color: #1abc9c;
 }

 .prog_recommend .progress .progress-value .text_rate {
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 10px;
   color: #1abc9c;
 }

 .prog_rate .star_list{
    margin-top: 10px !important;

 }

 .prog_rate span.fas {
  font-size: 15px !important;
  color: #555555 !important;
 }

 .recommend_content {
   color: #555;
   text-align: center;
   font-size: 24px;
   margin: 30px 0 0;
   line-height: 1.4;
 }
 
 .recommend_content p {
    margin-bottom: 35px;
}

 .recommend_content .txt_big {
   font-size: 40px !important;
   font-weight: 700;
   display: block;
   color: #009c7d;
 }

 .review_circle {
   width: 160px;
   height: 160px;
   line-height: 160px;
   border: 7px solid #b7b7b7;
   border-radius: 50%;
   margin: 15px auto 0;
 }

 .review_inncontent {
   height: 100%;
   border-radius: 50%;
   font-size: 36px;
   text-align: center;
   line-height: 20px;
   align-items: center;
   justify-content: center;
   font-weight: 300;
 }

 .star_list {
   list-style: none;
   display: block;
   margin-top: 50px;
   text-align: center;
   margin-left: 0;
 }

 .star_list li {
   padding: 0;
 }

 .star_list li .fas {
   font-size: 16px;
   color: #b7b7b7;
 }


 .review_inncontent span {
   color: #555;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 700;
   display: block;
 }

 .review_staycontent {
   text-align: center;
   font-size: 24px;
   line-height: 1.4;
   color: #555;
 }

 .review_panel .form-inline .form-control {
   min-width: 250px;
   border: 0 !important;
   background: transparent;
   box-shadow: none;
   border-bottom: 1px solid #444 !important;
   border-radius: 0;
   padding-right: 35px;
   width: 100%;
 }

 .but_review {
   background: transparent !important;
   color: #00a651 !important;
   border: 2px solid #00a651 !important;
   font-weight: 700;
 }

 .but_review:hover {
   background: #00a651 !important;
 }

 .review_sort .sort_bar {
   background: #61a52a;
 }

 .review_sort .sort_bar h4 {
   color: #ffffff;
 }

 .M0 {
   margin: 0;
 }


 .sort_section {
   padding: 10px 0px;
   background: #eeeeee;
   font-size: 16px;
   line-height: 1.4;
   color: #555;
 }

 .sort_section a {
   padding: 0 10px;
   font-size: 16px;
   line-height: 1.4;
   color: #000000;
   border-bottom: 1px solid transparent;
 }

 .sort_section a:hover {
   color: #000000 !important;
   border-bottom: 1px solid #009c7d !important;
 }

 .sort_display {
   margin-top: 0px;
 }

 #sort_accords {
   text-align: right;
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }

 .revsort_list .panel {
   display: inline-block;
   height: auto;
 }

 .group-by {
   display: inline-block;
 }

 #sort_accords span {
   display: inline-block;
 }

 #sort_accords .sort_tabs {
   display: inline-block;
   border: 0;
 }

 .sort_text {
   display: inline-block;
   line-height: 1.8;
   position: relative;
   font-weight: bold;
 }

 .sort_section form {
   display: inline-block;
   position: relative;
 }

 .list_triptype,
 .list_travel {
   list-style: none;
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px 10px;
   margin-bottom: -20px;
 }

 .list_triptype li a,
 .list_travel li a {
   font-size: 16px;
   line-height: 1.8;
   color: #555;
 }

 .list_triptype li a:hover,
 .list_travel li a:hover {
   color: #000000 !important;
 }

 .list_triptype li,
 .list_travel li {
   min-width: 49%;
   display: inline-block;
 }


 .sort_tabgrp .btn {
   padding: 0 10px;
   font-size: 16px;
   line-height: 1.8;
   color: #000000;
   font-weight: bold;
   border-bottom: 1px solid transparent;
   background: transparent;
   margin: 0 5px;
   border: 0;
   vertical-align: top;
   border-radius: 0;
 }

 .sort_tabgrp .btn:hover,
 .sort_tabgrp .btn:focus,
 .sort_tabgrp .btn:active {
   outline: none;
   color: #000000 !important;
   box-shadow: none;
   border-bottom: 1px solid #009c7d !important;
 }

 .sort_tabgrp {
   display: inline-block;
   margin: 0;
 }

 #review_content {
   /*background: #f0eeee;*/
   margin-top: 20px;
 }

 .myccount_text,
 .myaccount_img {
   display: inline-block;
 }

 .myaccount_det {
   padding: 10px 0px;
   display: flex;
   align-items: center;
   max-width: 80%;
   float: left;
 }

 .recommend_type {
   display: inline-block;
   float: right;
   padding-top: 20px;
 }

 .myaccount_img img {
   max-width: 80px;
 }

 .myccount_text {
   padding: 0 10px;
 }

 .myaccount_det .person_name {
   color: #000000;
   font-weight: 700;
   line-height: 1.4;
   margin: 0;
   /* margin-bottom: 5px; */
   font-size: 18px;
   text-transform: capitalize;
 }

 .brd_btm {
   border-bottom: 1px solid #e2e2e2;
 }

 .reviews_box2 {
   padding: 10px;
   margin: 30px 0px;
   position: relative;
   border: 1px solid #e6e6e6
 }

 .reviews_box2:hover {
   -webkit-box-shadow: 0px 0px 5px -2px rgba(140, 140, 140, 1);
   -moz-box-shadow: 0px 0px 5px -2px rgba(140, 140, 140, 1);
   box-shadow: 0px 0px 5px -2px rgba(140, 140, 140, 1);
   transition: all .3s;
 }

 .helpful-indicator-sortbar {
   padding: 0 15px 0px;
 }
/* 
 .helpful-indicator-sortbar a:hover span {
   color: #000000 !important;
 } */

 .rating_panel {
   max-width: 400px;
   display: block;
   margin: 0 auto 30px;
 }

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

   .sort_section,
   .sort_tabgrp .btn,
   .sort_section a {
     font-size: 15px;
   }
 }

 @media screen and (min-width:768px) and (max-width: 991px) {
   #sort_accords {
     text-align: center;
   }

   .sort_display {
     margin-top: 3px;
     text-align: center;
   }
 }


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

    .sort_tabgrp .btn {
        margin: 0;
    }

   .reviews_box2 {
     padding: 10px 10px;
     margin: 20px 0px;
     box-shadow: 2px 2px 7px -2px rgba(140, 140, 140, 1);
   }

   .myaccount_det {
     width: 100%;
     max-width: 100%;
     margin-bottom: 12px;
   }

   #sort_accords {
     text-align: left;
     flex-direction: column;
   }

   .recommend_type {
     display: block;
     float: none;
     padding-top: 20px;
     text-align: center;
   }

   .reviews_box2 {
     text-align: center;
   }

   #review_content {
     padding: 0;
     background: #ffffff;
   }

   .review_start {
     text-align: center;
   }

   .review_start span {
     text-align: center;
     margin: 0 auto;
     display: block;
     width: 115px;
   }

   .recommend_panel {
     margin-bottom: 30px;
   }

   .sort_display,
   .sort_text {
     text-align: center;
     margin-bottom: 5px;
     display: block;
   }

   .sort_section form {
     display: block;
   }

   #tag-id {
     border: 2px solid transparent;
     min-width: 125px;
     display: block;
     margin: 0 auto;
   }

 }

 @media screen and (min-width:320px) and (max-width: 500px) {

   .sort_display,
   .sort_text {
     text-align: center;
     display: block;
   }

   .sort_section form {
     display: block;
   }

   #tag-id {
     border: 1px solid transparent;
     min-width: 125px;
     display: block;
     margin: 0 auto;
   }

   .list_triptype li,
   .list_travel li {
     min-width: 100%;
   }
 }

 /* New Css */

 p.person_state {
   display: flex;
   /* flex: 0; */
   align-items: center;
   /* margin-top: 5px; */
   margin-bottom: 0px;
 }

 .person_state img {
   margin-right: 5px;
 }


 .reviews_box2 h2 {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 24px;
}

.reviews_box2 p {
  margin-bottom: 12px;
}



 #btnreviewsSubmit {
   position: absolute;
   right: 0;
   top: 2px;
   border: 0;
   color: #fff;
   border-radius: 5px;
   background: #444;
   font-weight: bold;
   padding: 5px;
   font-size: 14px;
 }

 .review_staycontent .form-group {
   position: relative;
 }

 #btnreviewsSubmit:focus {
   outline: none;
 }


 .contact-form-input {
   position: relative;
 }


 .contact-form-input .form-control {
   border: 0;
   border-bottom: 1px solid #444;
   border-radius: 0;
   box-shadow: none;
   /* padding: 13px 12px 0 12px; */
 }

 .contact-form-input .form-control+label {
   visibility: hidden;
   opacity: 0;
   transition: all .2s;
   position: absolute;
   font-weight: 400;
   color: #777;
   left: 8px;
   top: 0;
   font-size: 15px;
   display: block !important;
 }

 .contact-form-input .form-control:placeholder-shown+label {
   opacity: 0;
 }

 .contact-form-input .form-control:not(:placeholder-shown)+label {
   visibility: visible;
   opacity: 1;
   top: -20px;
   color: #444;
   font-size: 14px;
   font-weight: bold;
 }

 .contact-form-input .form-control:focus {
   outline: none;
   box-shadow: none;
   border: 0 !important;
   border-bottom: 1px solid #00Ae65 !important;
 }

 /* .btns {
   text-transform: uppercase;
   padding: 15px 30px !important;
   border-radius: 0;
   letter-spacing: 1px;
   transition: all .3s;
 } */

 .btn-brown {
   background-color: var(--primary-dark);
   border-color: var(--primary-dark);
   color: #fff !important;
 }

 .but_brown2 {
   display: block;
   text-transform: uppercase;
   display: inline-block;
   text-align: center;
   background: #ffffff !important;
   color: var(--primary-dark) !important;
   border: 1px solid var(--primary-dark) !important;
   cursor: pointer;
   position: relative;
 }

 .but_bg.but_review:hover {
  color: #fff !important;
}

 .but_brown2:hover {
   background: var(--primary-dark) !important;
   color: #ffffff !important;
   -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.75);
 }






 /* GREATER THAN 1200 RESPONSIVE CODE */

 @media (min-width: 1200px) {}

 /* END OF GREATER THAN 1200 RESPONSIVE CODE */




 /* 992 TO 1199 RESPONSIVE CODE */

 @media (min-width: 992px) and (max-width: 1199px) {}

 /* END OF 992 TO 1199 RESPONSIVE CODE */


 /* 768 TO 991 RESPONSIVE CODE */


 @media (min-width: 768px) and (max-width: 991px) {

   .rating_panel {
     max-width: 100%;
   }


   .sort_display {
     margin-bottom: 10px;
   }

   .btns {
     padding: 10px 25px !important;
   }

 }


 /* END OF 768 TO 991 RESPONSIVE CODE */


 @media (min-width: 400px) and (max-width: 500px) {
  #btnreviewsSubmit {
    right: 15px;
  }
 }



 /* 360 TO 767 RESPONSIVE CODE */



 @media (min-width: 360px) and (max-width: 767px) {

  .helpful-indicator-sortbar {
    line-height: 35px;
  }

  #show_more .but_bg {
    margin-bottom: 10px !important;
  }

  .sort_tabgrp {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    max-width: 108px;
    margin: 0 auto;
  }

  #sort_accords .separator {
    display: none;
  }

  form[name="frmSort"] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .helpful-indicator-sortbar .btns {
    float: none !important;
    margin: 15px auto;
    display: inline-block;
  }

  .plusicon {
    margin-left: 0;
  }

  .but_bg {
    padding: 9px 15px 10px 15px !important;
  }

  .myaccount_det .person_name {
    text-align: left;
  }

 }



 /* 360 TO 767 RESPONSIVE CODE */



 /* FONT AWESOME STARS CSS */


 .myccount_text ul {
  margin: 0;
  padding: 0;
}

.myccount_text li {
  padding: 5px 0;
}

.myccount_text li span {
  color: #ffde58;
  font-size: 22px;
}


 /* END OF FONT AWESOME STARS CSS */


#accordion .collapse {
  transition: all .3s;
  margin-top: 20px;
}

.section-title {
  padding: 10px 15px;
  background: #eeeeee;
  font-size: 16px;
  line-height: 1.4;
  color: #555;
  font-weight: bold;
  margin: 20px auto;
}

.review-channel {
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .3s;
  width: 100%;
  margin: 20px auto;
}

.review-channel:hover {
  transform: translateY(-5px);
}

.channel-logo {
  font-size: 70px;
}

.channel-link {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 5px;
  background: #eee;
  transition: all .2s;
  border-top: 1px solid #ccc;
}

.channel-link a {
  color: #555;
  margin: auto 20px;
  text-transform: uppercase;
  transition: all .2s;
  font-weight: bold;
}

.channel-link:hover {
  background: #555;
  color: #ccc;
}

.channel-link:hover a {
  color: #ccc;
}

.channel-link a:hover {
  color: #fff;
}


p.person_state {
    margin-bottom: 0;
}