.we-woredwithtop .row { margin: 0 -10px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .we-woredwithtop .row .col-xs-2{padding:0 10px} .we-woredwithtop .col-xs-2{width:132px} .we-woredwithtop img.brand-im{    max-height: 47px;} .we-woredwithtop .part { padding: 10px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; min-height: 90px; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; -moz-box-align: center; align-items: center; margin-bottom: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 4px 11px; -webkit-box-shadow: inset 0 0 0 2px #fff, 0 0px 4px rgb(0 0 0 / 4%), 0 3px 10px rgb(0 0 0 / 3%); -moz-box-shadow: inset 0 0 0 2px #fff, 0 0px 4px rgb(0 0 0 / 4%), 0 3px 10px rgb(0 0 0 / 3%); box-shadow: inset 0 0 0 2px #fff, 0 0px 4px rgb(0 0 0 / 4%), 0 3px 10px rgb(0 0 0 / 3%); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background: #fff; } .we-woredwithtop { float: left; width: 100%; background: url('/resources/images/dotted-bg.webp') repeat top center; -webkit-background-size: 40px 40px; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; position: relative; z-index: 1; margin-bottom: -1px; padding-top: 17px; padding-bottom: 17px; } .we-woredwithtop .inner{    padding: 30px 0 11px; width: 100%; background: rgb(255 255 255 / 30%);} .we-woredwithtop .text-center.title{margin-bottom:24px;text-align:left} .we-woredwithtop .text-center.title h4 { text-transform: capitalize; font-weight: 600; margin-top: 0; margin-bottom: 0; font-size: 26px; line-height: 1.4; } .subbadge,.we-woredwithtop .text-center.title p{font-size:16px;text-transform:capitalize;font-weight:600;display:inline-block;background:#fdede3;color:#f60;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;letter-spacing:1.6px;padding:4px 20px} .we-woredwithtop .text-center.title h4 span { color: #ff7011; } .title-bysection { letter-spacing: 0.4px; margin-bottom: 30px; padding-right: 0; /* padding-right: 107px; */ position: relative; z-index: 0; pointer-events: none; } .title-bysection p sub { bottom: 0; margin-left: 1px; } .title-bysection p, .destination_details.destination_page .title-bysection p { color: #f60; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; position: relative; } .title-bysection p::after, .destination_details.destination_page .title-bysection p::after { content: ''; border-bottom: solid 2px #f60; width: 40px; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -2px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .title-bysection h3 { margin-top: 0; margin-bottom: 0; font-size: 26px; font-weight: 700; letter-spacing: .4px; line-height: 1.4; text-transform: capitalize; } .carrntfaqs-booking { padding-bottom: 60px; } .carrntfaqs-booking.car { padding-top: 60px; width: 100%; float: left; } .mediachswhy-inner { margin-top: 87px; } .linedo-car { position: relative; } .linedo-car::before { content: ''; position: absolute; width: 100%; left: 0; top: 18px; background-image: url('/resources/images/wave-dotted-step.webp'); height: 27px; background-position: center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: repeat-x; } .my_acco_holder_r ul.carrntfaqs-booking-ul { padding: 0; font-size: 13px; font-weight: 500; margin: 14px 0 0; list-style: none; } .my_acco_holder_r ul.carrntfaqs-booking-ul li { display: inline-block; padding-right: 16px; margin-right: 16px; margin-bottom: 12px; border-right: 1px solid #dbdbdb; } .my_acco_holder_r ul.carrntfaqs-booking-ul li svg path { stroke: #ff6600; } .my_acco_holder_r ul.carrntfaqs-booking-ul li svg { vertical-align: middle; margin-top: -3px; margin-right: 8px; } .popuplar-carlist-route .title-bysection p svg { vertical-align: middle; margin-right: 5px; margin-top: -4px; } /* responsive */ @media only screen and (min-width:1200px) {} @media only screen and (max-width:1199px) { } @media only screen and (max-width:1199px) { .we-woredwithtop .text-center.title h4{ font-size: 24px; } } @media only screen and (max-width:991px) { .we-woredwithtop .col-xs-2{width:20%} .we-woredwithtop .text-center.title h4{ font-size: 22px; } .title-bysection h3 { font-size: 24px; } .title-bysection p::after, .destination_details.destination_page .title-bysection p::after { width: 41px; } .mediachswhy-body h3 { margin: 14px 0 11px; } } @media only screen and (max-width:767px) { .we-woredwithtop .text-center.title p{letter-spacing:1px} .we-woredwithtop .text-center.title h4{font-size:20px} .title-bysection h3 { font-size: 22px; } .title-bysection p::after, .destination_details.destination_page .title-bysection p::after { width: 37px; border-width: 1px; } } @media only screen and (max-width:575px) { .we-woredwithtop .text-center.title p{font-size:14px;letter-spacing:.4px} .we-woredwithtop .text-center.title h4{font-size:18px} .we-woredwithtop img.brand-im{        max-height: 38px; } .we-woredwithtop .part { min-height: 90px; } .we-woredwithtop .col-xs-2{width:32%; } .we-woredwithtop .row .col-xs-2{ padding: 0 8px; } .we-woredwithtop .part { margin-bottom: 16px; } .we-woredwithtop .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .title-bysection h3 { font-size: 20px; } .title-bysection p, .destination_details.destination_page .title-bysection p { font-size: 12px; margin-bottom: 6px; } .title-bysection p::after, .destination_details.destination_page .title-bysection p::after { width: 32px; } } @media screen and (min-width:476px) and (max-width:575px){ .we-woredwithtop .part { padding-left: 24px; padding-right: 24px; } } @media only screen and (max-width:425px) { .we-woredwithtop .text-center.title h4{font-size:17px} .title-bysection h3 { font-size: 18px; } .title-bysection p, .destination_details.destination_page .title-bysection p { font-size: 11px; margin-bottom: 4px; } .title-bysection p::after, .destination_details.destination_page .title-bysection p::after { width: 26px; top: 0px; } } @media only screen and (max-width:375px) { .title-bysection p, .destination_details.destination_page .title-bysection p { font-size: 10px; } }