@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /*Home page responsive css*/
  header .logo {
    padding: 5px 0;
  }
  header .top-info {
    padding: 10px 0;
  }
  header .top-info .info-detail {
    display: none !important;
  }
  header .top-info li {
    padding: 0 5px !important;
  }
  header .top-info li .info-icon {
    line-height: normal !important;
  }
  header .top-info li .info-icon img {
    width: 36px !important;
    height: 36px !important;
  }
  header .social-icon li {
    padding: 0 !important;
  }
  header .social-icon li i {
    font-size: 13px;
  }

  .navigationmenu .account-login {
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .navigationmenu .account-login-text a {
    font-size: 14px;
  }

  .banner {
    height: auto;
  }
  .banner h1 {
    font-size: 25px;
    margin: 30px 0 10px 0;
  }
  .banner p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .banner .search-box {
    width: 90% !important;
  }
  .banner .search-box .form-search, .banner .search-box button {
    height: 45px !important;
  }
  .banner .search-box button {
    width: 60px !important;
  }
  .banner .search-box button i {
    font-size: 35px !important;
  }
  .banner ul {
    margin-top: 35px;
  }
  .banner ul li {
    flex: none;
    padding: 0 5px;
    border-right: none;
    width: 50%;
    text-align: center;
  }
  .banner ul li p {
    display: none;
  }
  .banner ul li h5 {
    font-weight: 400;
    font-size: 15px;
  }

  .howitworks .howitworks-box {
    margin-bottom: 30px;
  }
  .howitworks .howitworks-icon span:first-child i {
    font-size: 85px !important;
  }
  .howitworks .howitworks-icon span:last-child {
    width: 40px !important;
    height: 40px !important;
    top: -14px !important;
    left: 105px !important;
  }
  .howitworks .bg-curve img {
    display: none;
  }
  .howitworks .btn {
    padding: 0.28rem 0.5rem !important;
  }

  .main-heading, .howitworks h4, .ourpartners h4, .guarantee .guarantee-text h4, .faq .faq-text h4 {
    font-size: 25px;
  }

  .heading-seperator:after {
    width: 40px;
  }

  .start-comparing .compare-box {
    width: 120px;
    height: 120px;
  }
  .start-comparing .compare-box i {
    font-size: 6rem;
    line-height: 120px;
  }
  .start-comparing p {
    font-size: 16px;
    margin-top: 10px;
  }

  .customer-ratings #carousel-reviews .carousel-control-prev {
    width: 5% !important;
    left: -6px !important;
  }
  .customer-ratings #carousel-reviews .carousel-control-next {
    width: 5% !important;
    right: -6px !important;
  }

  .ourpartners .partner-box {
    padding: 0px;
    margin: 4px;
  }
  .ourpartners .partner-box img {
    width: 88px;
  }

  .guarantee .guarantee-text h4 {
    text-align: center !important;
  }
  .guarantee .guarantee-text .heading-seperator:after {
    margin-left: -37px !important;
  }

  .faq .faq-text h4 {
    text-align: center !important;
  }
  .faq .faq-text .heading-seperator:after {
    margin-left: -34px !important;
  }
  .faq .card-header {
    font-size: 15px;
    padding: 10px 30px 10px 10px;
  }

  /*comapare form responsive css*/
  .breadcrumb_area {
    padding: 20px 0px;
  }
  .breadcrumb_area p {
    font-size: 22px;
  }

  .compare_area .left_form_side .compare_details {
    padding: 40px 10px;
    border-left: 8px solid #1f2a5b;
  }

  .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .postcode a {
    padding: 9.5px 0.75rem !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li {
    width: 100px;
  }

  .compare_area .right_side_form .details_box {
    display: none;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .form-group label {
    font-size: 15px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio] + label {
    font-size: 14px;
    padding: 6px 5px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label {
    padding: 5px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .checkbox {
    width: 15px;
    height: 15px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li input[type=radio]:checked + label:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
    top: 2px;
    right: 2px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .icon i {
    font-size: 60px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li label .checkbox {
    width: 15px;
    height: 15px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio]:checked + label:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: 2px;
    top: 2px;
  }

  .form_usage li {
    width: 250px !important;
    margin-bottom: 10px !important;
  }
  .form_usage li label {
    padding: 10px !important;
  }
  .form_usage li .usage-items li {
    font-size: 12px !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  .form_usage li .usage-items li i {
    width: 10% !important;
  }
  .form_usage li .usage-items li span {
    width: 82% !important;
  }

  .checkbox-custom {
    width: 10%;
  }

  .policy-text {
    font-size: 13px;
    width: 90%;
  }

  .step-title {
    font-size: 15px;
    top: 15px;
  }

  /*compare-results css*/
  .service_type .btn {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .service_type .filter-pos {
    padding: 7px 10px !important;
  }
  .service_type .filter-pos img {
    width: 25px !important;
    color: #ffffff;
  }

  #compare_result .results .result-row h4 {
    font-size: 15px;
  }

  #compare_result .results .result-row .tariff {
    font-size: 11px;
  }

  #compare_result .results .result-row div {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #compare_result .results .more div {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .results .result-row .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }

  .compare_details .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }

  .howitworks .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }

  /*compare-details page css*/
  .compare-detail-section .compare-details-left {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-left h2 {
    font-size: 15px !important;
  }
  .compare-detail-section .compare-details-left .form-group label {
    font-size: 15px !important;
  }
  .compare-detail-section .compare-details-left .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li {
    width: 100px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label {
    font-size: 14px !important;
    padding: 6px 5px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label span {
    width: 15px !important;
    height: 15px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li input[type=radio]:checked + label:before {
    width: 15px !important;
    height: 15px !important;
    line-height: 15px !important;
    right: 2px !important;
    top: 2px !important;
  }
  .compare-detail-section .compare-details-left .postcode a {
    padding: 9.5px 0.75rem !important;
  }
  .compare-detail-section .compare-details-right {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-right h2 {
    font-size: 15px;
  }
  .compare-detail-section .compare-details-right .card p {
    font-size: 14px;
  }
  .compare-detail-section .compare-details-right .icon-home {
    font-size: 35px !important;
  }
  .compare-detail-section .compare-details-right .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  .howitworks .howitworks-box .howitworks-icon span:last-child {
    left: 180px !important;
  }
}
@media only screen and (min-device-width: 411px) and (max-device-width: 736px) and (orientation: portrait) {
  .howitworks .howitworks-box .howitworks-icon span:last-child {
    left: 150px !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .nav-header-container {
    position: absolute !important;
    width: 100% !important;
    height: auto !important;
    background: white !important;
    margin-top: 40px;
  }

  .nav-menu ul li > a {
    color: #353535 !important;
  }
}
/**********************************************Pixel2xl media-query**************************************************/
@media only screen and (min-device-width: 411px) and (max-device-width: 869px) and (orientation: landscape) {
  header .logo {
    padding: 5px 0;
  }
  header .logo img {
    width: 130px !important;
  }
  header .top-info {
    padding: 10px 0;
  }
  header .top-info .info-detail {
    display: none !important;
  }
  header .top-info li {
    padding: 0 15px !important;
  }
  header .top-info li .info-icon {
    line-height: normal !important;
  }
  header .top-info li .info-icon img {
    width: 36px !important;
    height: 36px !important;
  }
  header .social-icon li i {
    font-size: 13px;
  }

  .navigationmenu .account-login {
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .navigationmenu .account-login-text a {
    font-size: 14px;
  }

  .banner {
    height: auto;
  }
  .banner h1 {
    font-size: 28px;
    margin: 30px 0 10px 0;
  }
  .banner p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .banner .search-box {
    width: 90%;
  }
  .banner .search-box .form-search, .banner .search-box button {
    height: 45px;
  }
  .banner .search-box button {
    width: 60px;
  }
  .banner .search-box button i {
    font-size: 35px;
  }
  .banner ul {
    margin-top: 35px;
  }
  .banner ul li {
    flex: none;
    padding: 0 5px;
    border-right: none;
    width: 50%;
    text-align: center;
  }
  .banner ul li p {
    display: none;
  }
  .banner ul li h5 {
    font-weight: 400;
    font-size: 16px;
  }

  .howitworks .howitworks-box {
    margin-bottom: 30px;
  }
  .howitworks .howitworks-icon span:first-child i {
    font-size: 85px !important;
  }
  .howitworks .howitworks-icon span:last-child {
    width: 40px !important;
    height: 40px !important;
    top: -14px !important;
    left: 72px !important;
  }
  .howitworks .bg-curve img {
    display: none;
  }
  .howitworks .btn {
    padding: 0.28rem 0.5rem !important;
  }

  .main-heading, .howitworks h4, .ourpartners h4, .guarantee .guarantee-text h4, .faq .faq-text h4 {
    font-size: 28px;
  }

  .heading-seperator:after {
    width: 40px;
  }

  .start-comparing .compare-box {
    width: 120px;
    height: 120px;
  }
  .start-comparing .compare-box i {
    font-size: 6rem;
    line-height: 120px;
  }
  .start-comparing p {
    font-size: 16px;
    margin-top: 10px;
  }

  .customer-ratings #carousel-reviews .carousel-control-prev {
    width: 5% !important;
    left: -6px !important;
  }
  .customer-ratings #carousel-reviews .carousel-control-next {
    width: 5% !important;
    right: -6px !important;
  }

  .ourpartners .partner-box {
    padding: 0px;
    margin: 4px;
  }
  .ourpartners .partner-box img {
    width: 93px;
  }

  .guarantee .guarantee-text h4 {
    text-align: center !important;
  }
  .guarantee .guarantee-text .heading-seperator:after {
    margin-left: -37px !important;
  }

  .faq .faq-text h4 {
    text-align: center !important;
  }
  .faq .faq-text .heading-seperator:after {
    margin-left: -34px !important;
  }
  .faq .card-header {
    font-size: 15px;
    padding: 10px 30px 10px 10px;
  }

  /*comapare form responsive css*/
  .breadcrumb_area {
    padding: 20px 0px;
  }
  .breadcrumb_area p {
    font-size: 22px;
  }

  .compare_area .left_form_side .compare_details {
    padding: 40px 10px;
    border-left: 8px solid #1f2a5b;
  }

  .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .postcode a {
    padding: 9.5px 0.75rem;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li {
    width: 100px;
  }

  .compare_area .right_side_form .details_box {
    display: none;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .form-group label {
    font-size: 15px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio] + label {
    font-size: 14px;
    padding: 6px 5px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label {
    padding: 10px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .checkbox {
    width: 20px;
    height: 20px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li input[type=radio]:checked + label:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 2px;
    right: 2px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .icon i {
    font-size: 70px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li label .checkbox {
    width: 20px;
    height: 20px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio]:checked + label:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 2px;
    top: 2px;
  }

  .step-title {
    font-size: 15px;
    top: 15px;
  }

  /*compare-results css*/
  .service_type .btn {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .service_type .filter-pos {
    padding: 7px 10px !important;
  }
  .service_type .filter-pos img {
    width: 25px !important;
    color: #ffffff;
  }

  #compare_result .results .result-row h4 {
    font-size: 15px;
  }

  #compare_result .results .result-row .tariff {
    font-size: 11px;
  }

  #compare_result .results .result-row div {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #compare_result .results .more div {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*compare-details page css*/
  .compare-detail-section .compare-details-left {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-left h2 {
    font-size: 15px !important;
  }
  .compare-detail-section .compare-details-left .form-group label {
    font-size: 15px !important;
  }
  .compare-detail-section .compare-details-left .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li {
    width: 100px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label {
    font-size: 14px !important;
    padding: 6px 5px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label span {
    width: 15px !important;
    height: 15px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li input[type=radio]:checked + label:before {
    width: 15px !important;
    height: 15px !important;
    line-height: 15px !important;
    right: 2px !important;
    top: 2px !important;
  }
  .compare-detail-section .compare-details-left .postcode a {
    padding: 9.5px 0.75rem !important;
  }
  .compare-detail-section .compare-details-right {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-right h2 {
    font-size: 15px;
  }
  .compare-detail-section .compare-details-right .card p {
    font-size: 14px;
  }
  .compare-detail-section .compare-details-right .icon-home {
    font-size: 35px !important;
  }
  .compare-detail-section .compare-details-right .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }
}
/**********************************************iphone5/5e media-query**************************************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .howitworks .howitworks-icon span:last-child {
    left: 225px !important;
  }
}
/**********************************************ipad media-query**************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .nav-header-container {
    position: absolute !important;
    width: 100% !important;
    height: auto !important;
    background: white !important;
    margin-top: 40px;
  }

  .nav-menu ul li > a {
    color: #353535 !important;
  }

  header .logo {
    padding: 5px 0;
  }
  header .logo img {
    width: 150px !important;
  }
  header .top-info {
    padding: 10px 0;
  }
  header .top-info .info-detail {
    display: none !important;
  }
  header .top-info li .info-icon {
    line-height: normal !important;
  }

  .navigationmenu .account-login {
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .navigationmenu .account-login-text a {
    font-size: 14px;
  }

  .banner {
    height: auto;
  }
  .banner h1 {
    font-size: 30px;
    margin: 30px 0 10px 0;
  }
  .banner p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .banner .search-box {
    width: 90%;
  }
  .banner .search-box .form-search, .banner .search-box button {
    height: 45px;
  }
  .banner .search-box button {
    width: 60px;
  }
  .banner .search-box button i {
    font-size: 35px;
  }
  .banner ul {
    margin-top: 35px;
  }
  .banner ul li {
    flex: none;
    padding: 0 5px;
    border-right: none;
    width: 50%;
    text-align: center;
  }
  .banner ul li p {
    display: none;
  }
  .banner ul li h5 {
    font-size: 18px;
  }

  .howitworks .howitworks-box {
    margin-bottom: 30px;
  }
  .howitworks .howitworks-icon span:first-child i {
    font-size: 90px !important;
  }
  .howitworks .howitworks-icon span:last-child {
    width: 45px !important;
    height: 45px !important;
    top: -23px !important;
    left: 30px !important;
  }
  .howitworks .bg-curve img {
    display: none;
  }

  .main-heading, .howitworks h4, .ourpartners h4, .guarantee .guarantee-text h4, .faq .faq-text h4 {
    font-size: 30px;
  }

  .heading-seperator:after {
    width: 50px;
  }

  .start-comparing .compare-box {
    width: 140px;
    height: 140px;
  }
  .start-comparing .compare-box i {
    font-size: 7rem;
    line-height: 140px;
  }

  .customer-ratings #carousel-reviews .carousel-control-prev {
    width: 5% !important;
    left: -6px !important;
  }
  .customer-ratings #carousel-reviews .carousel-control-next {
    width: 5% !important;
    right: -6px !important;
  }

  .ourpartners .partner-box img {
    width: 120px;
  }

  .guarantee .guarantee-text h4 {
    text-align: center !important;
  }
  .guarantee .guarantee-text .heading-seperator:after {
    margin-left: -37px !important;
  }

  .faq .faq-text h4 {
    text-align: center !important;
  }
  .faq .faq-text .heading-seperator:after {
    margin-left: -34px !important;
  }
  .faq .card-header {
    font-size: 15px;
    padding: 10px 30px 10px 10px;
  }

  .burger-menu {
    left: 0 !important;
    top: -47px !important;
  }

  /*comapare form responsive css*/
  .breadcrumb_area {
    padding: 25px 0px;
  }
  .breadcrumb_area p {
    font-size: 25px;
  }

  .compare_area .left_form_side .compare_details {
    padding: 40px 10px;
    border-left: 8px solid #1f2a5b;
  }

  .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .postcode a {
    padding: 9.5px 0.75rem;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box .form-group label {
    font-size: 16px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio] + label {
    font-size: 14px;
    padding: 6px 5px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label {
    padding: 5px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .checkbox {
    width: 25px;
    height: 25px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li input[type=radio]:checked + label:before {
    width: 25px;
    height: 25px;
    line-height: 25px;
    top: 3px;
    right: 4px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li {
    width: 140px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li label .icon i {
    font-size: 80px !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li label .checkbox {
    width: 25px;
    height: 25px;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_three li input[type=radio]:checked + label:before {
    width: 25px;
    height: 25px;
    line-height: 25px;
    right: 4px;
    top: 4px;
  }

  .rightside-detail h5 {
    font-size: 16px !important;
  }
  .rightside-detail .c-heading {
    font-size: 16px !important;
  }

  .form_usage li {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .form_usage li .usage-items li {
    font-size: 13px !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  .form_usage li .usage-items li i {
    width: 6% !important;
  }
  .form_usage li .usage-items li span {
    width: 90% !important;
  }

  .step-title {
    font-size: 16px;
    top: 15px;
  }

  /*compare-details page css*/
  .compare-detail-section .compare-details-left {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-left h2 {
    font-size: 16px !important;
  }
  .compare-detail-section .compare-details-left .form-group label {
    font-size: 16px !important;
  }
  .compare-detail-section .compare-details-left .form-control {
    height: 40px !important;
    font-size: 14px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label {
    font-size: 14px !important;
    padding: 6px 5px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li label span {
    width: 25px !important;
    height: 25px !important;
  }
  .compare-detail-section .compare-details-left .form_compare-details li input[type=radio]:checked + label:before {
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    right: 4px !important;
    top: 4px !important;
  }
  .compare-detail-section .compare-details-left .postcode a {
    padding: 9.5px 0.75rem !important;
  }
  .compare-detail-section .compare-details-right {
    padding: 15px !important;
  }
  .compare-detail-section .compare-details-right h2 {
    font-size: 15px;
  }
  .compare-detail-section .compare-details-right .card p {
    font-size: 14px;
  }
  .compare-detail-section .compare-details-right .icon-home {
    font-size: 35px !important;
  }
  .compare-detail-section .compare-details-right .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }

  .compare_details .btn {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .nav-menu ul li > a {
    color: #353535 !important;
  }

  .nav-header-container {
    position: absolute !important;
    width: 100% !important;
    height: auto !important;
    background: white !important;
    margin-top: 26px;
  }

  header .top-info ul li {
    padding: 0 8px;
  }

  .banner {
    height: auto;
  }

  .howitworks .bg-curve {
    left: 127px !important;
    top: 72px !important;
  }
  .howitworks .bg-curve img {
    width: 720px !important;
  }

  .navigationmenu .account-login {
    display: none;
  }
  .navigationmenu .account-login-text {
    padding: 15px 0;
  }
  .navigationmenu .burger-menu {
    left: 0 !important;
    top: -35px;
  }

  .form_usage li {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .form_usage li .usage-items li {
    font-size: 13px !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  .form_usage li .usage-items li i {
    width: 6% !important;
  }
  .form_usage li .usage-items li span {
    width: 90% !important;
  }

  .compare_area .left_form_side .compare_details .form_wrapper .info_box ul.form_plan_gas_one li {
    margin-bottom: 10px;
    width: 177px !important;
  }

  .compare-detail-section .compare-details-right .icon-home {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1365px) {
  #filter {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .filter {
    width: 100% !important;
    margin-left: -100%;
  }

  .results {
    margin-left: 0 !important;
  }

  .hideFilter {
    margin-left: 0px;
  }

  .shiftResults {
    margin-left: -100% !important;
  }
}

/*# sourceMappingURL=responsive.css.map */