@charset "utf-8";

/*#############################################
       Media Querys
##############################################*/


/****===========================================================================
        Min-width:1367px and Max-width Unlimited 
==============================================================================**/

@media (min-width:1367px) {
    .hamtoggle {
        display: none;
    }
    .mobile-drop-menu-section {
        display: none;
    }
    .ampd-row {
        max-width: 80%;
    }
    .out-footer .infooter {
        width: 70%;
    }
}


/****===========================================================================
            Min-width:1201px and Max-widht:1366px Media Query
==============================================================================**/

@media (min-width: 1201px) and (max-width: 1366px) {
    .mobile-drop-menu-section {
        display: none;
    }
    .hamtoggle {
        display: none;
    }
}


/****===========================================================================
            Min-width:1024px and Max-widht:1200px Media Query
==============================================================================**/

@media (min-width: 1024px) and (max-width: 1200px) {
    .servive-info h1 {
        font-size: 19px;
    }
    h1 {
        font-size: 19px;
    }
    .about-info h1 {
        font-size: 22px;
    }
    /* .md-hiiden {
        display: none;
    } */
    .talkunitwrapper a .talkunit {
        padding: 15px 2px 15px 4px;
        width: 95%;
    }
    .ampd-row {
        padding: 5px 40px;
    }
    .inner-search-index {
        width: 90%;
    }
    .search-grid input {
        width: 99%;
    }
    .search-grid {
        width: 48%;
        margin-bottom: 20px;
    }
    .search-grid-right {
        float: right !important;
    }
    .main_submit_button {
        width: 99%;
    }
    .right-grid {
        width: calc(38% - 60px);
        margin-left: 25px;
        overflow: visible;
    }
    .left-grid {
        min-height: 100px;
        width: 100%;
        float: left;
    }
    .out-footer .infooter {
        width: 94%;
        padding: 26px 0 0;
    }
    .footer-train-services {
        width: 30% !important;
    }
    ul.footer-list li a {
        font-size: 15px;
    }
    .pnr-wrp {
        width: 75%;
    }
    .ad-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .pnr-wrp-from-to {
        width: 95%;
    }
    .contact-form-section .input-form input {
        width: 27.8%;
    }
    .contact-form-section .input-form textarea {
        width: 94.4%;
        margin-top: 20px;
    }
    .seat-select-zon {
        width: 31%;
        margin: 10px 4px;
    }
    .mobile-drop-menu-section {
        display: none;
    }
    .mr-left {
        margin-left: 0px;
    }
    .or-div {
        display: none;
    }
    .breadcrumbforservice {
        margin: 17px 0 19px 0;
    }
    .hamtoggle {
        display: none;
    }
    .result-table {
        overflow-y: hidden;
        width: 100%;
        margin-bottom: 10px;
    }
    .blocknavlist {
        display: block;
    }
}


/****===========================================================================
          Min-width:768px and Max-widht:1023px Media Query
==============================================================================**/

@media (min-width: 768px) and (max-width: 1023px) {
    .pnr-box {
        padding: 10px 8px;
    }
    .pnr-box b {
        font-size: 16px;
    }
    .servive-info h1 {
        font-size: 18px;
    }
    h1 {
        font-size: 18px;
    }
    .about-info h1 {
        font-size: 22px;
    }
    .sm-hiiden {
        display: none;
    }
    .talkunitwrapper a .talkunit {
        padding: 15px 2px 15px 3px;
        width: 96%;
    }
    .ampd-row {
        padding: 5px 20px;
    }
    .inner-search-index {
        width: 94%;
        padding: 0px;
    }
    .inner-search-index b {
        margin-bottom: 20px;
    }
    .search-grid input {
        width: 99%;
    }
    .search-grid {
        width: 48%;
        margin-bottom: 15px;
    }
    .main_submit_button {
        width: 99%;
    }
    .search-grid-right {
        float: right !important;
    }
    .right-grid {
        width: calc(40% - 57px);
        margin-left: 15px;
        overflow: visible;
    }
    .left-grid {
        min-height: 100px;
        width: 100%;
        float: left;
    }
    .tab-container button img {
        width: 25px;
    }
    .out-footer .infooter {
        width: 94%;
        padding: 26px 0 0;
    }
    .footer-train-services {
        width: 96% !important;
        margin-bottom: 20px;
    }
    .footer-train-services ul li {
        width: 35%;
    }
    .infooter .footer-box {
        width: 30%;
    }
    ul.footer-list li a {
        font-size: 15px;
    }
    .ad-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .pnr-other-button a {
        font-size: 15px;
        margin: 0px 2px;
        display: inline-block;
    }
    .pnr-other-button a img {
        margin-right: 6px;
    }
    .pnr-wrp-from-to {
        width: 90%;
    }
    .pnr-wrp-from-to input {
        width: 37%;
    }
    .canel-trains-grids .right-cancel {
        width: 35%;
    }
    .contact-form-section .input-form input {
        width: 90%;
        margin-bottom: 15px;
    }
    .contact-form-section .input-form textarea {
        width: 90%;
        margin-top: 0px;
    }
    .train-fare-zon {
        width: 41%;
    }
    .servive-info {
        padding: 10px 8px;
    }
    .index-info {
        padding: 10px 8px;
    }
    .seat-select-zon {
        width: 48%;
        margin: 10px 4px;
    }
    .mobile-drop-menu-section {
        display: none;
    }
    .mr-left {
        margin-left: 0px;
    }
    .or-div {
        display: none;
    }
    .breadcrumbforservice {
        margin: 16px 0 17px 0;
    }
    .hamtoggle {
        display: none;
    }
    .result-table {
        overflow-y: hidden;
        width: 100%;
        margin-bottom: 10px;
    }
    .blocknavlist {
        display: block;
    }
}


/****===========================================================================
           Max-widht:767px Media Query
==============================================================================**/

@media (max-width: 767px) {
    .traininfo {
        width: 100%;
    }
    .servive-info {
        padding: 10px 8px;
    }
    .index-info {
        padding: 10px 8px;
    }
    .pnr-box b {
        font-size: 16px;
    }
    .servive-info h1 {
        font-size: 18px;
    }
    h1 {
        font-size: 18px;
    }
    .about-info h1 {
        font-size: 22px;
    }
    .tab-container {
        padding-left: 1px;
        overflow: hidden;
        padding-top: 20px;
    }
    /* .back-page {
        display: block;
        width: 70px;
        float: left;
        height: 100%;
    }
    .back-page img {
        filter: brightness(10000%) grayscale(10%);
        width: 19px;
        position: relative;
        top: 24px;
        left: 28px;
    } */
    img#AMPdrew-logo {
        margin: 8px 8px;
    }
    .xs-hidden {
        display: none;
    }
    /* .top-mar {
        margin-top: 5px;
    } */
    .talkunit:hover img {
        filter: brightness(100%) grayscale(10%);
        background: #fff;
    }
    .ampd-row {
        padding: 5px 8px;
        margin-top: 66px;
    }
    .inner-search-index {
        width: 94%;
        padding: 0px;
    }
    .search-grid {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .search-grid label {
        font-size: 17px;
    }
    .inner-search-index b {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .search-grid input {
        width: 99%;
        margin-top: 0px;
    }
    .main_submit_button {
        width: 100%;
    }
    /* .arrow-row {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        height: 15px;
        display: inline-block;
    }
    .shifting-trains-arrow {
        margin: 0 auto;
        width: 64px;
        float: none;
        transform: rotate(90deg);
        text-align: center;
        display: inline-block;
    }
    .shifting-trains-arrow p img {
        width: 35px;
    } */
    .left-grid {
        width: 100%;
        position: relative;
    }
    .right-grid {
        width: 100%;
        margin-left: 0px;
        overflow: visible;
        margin-top: 30px;
    }
    .mr-left {
        margin-left: 0px;
    }
    .or-div {
        display: inline-block;
    }
    .or-span {
        margin-left: 0px;
        margin-top: 0px;
    }
    .out-footer {
        padding: 0px 30px;
    }
    .out-footer .infooter {
        width: 100%;
        padding: 0px 0 0;
    }
    .footer-train-services {
        width: 88% !important;
    }
    .infooter .footer-box {
        width: 42%;
        float: none;
        margin-top: 30px;
        display: inline-block;
        padding: 0px 3% 0 0%;
    }
    ul.footer-list li a {
        font-size: 15px;
    }
    .infooter .copy {
        width: 85%;
        border-top: 1px solid #3e619275;
    }
    .ampd-third {
        width: 100%;
    }
    p {
        font-size: 15px;
    }
    .ad-img {
        width: 99%;
        margin-bottom: 20px;
    }
    .result p {
        float: left;
    }
    .pnr-other-button a {
        font-size: 15px;
        margin: 8px 8px;
        display: block;
    }
    .pnr-wrp {
        width: 96%;
    }
    .pnr-box {
        padding: 10px 8px;
    }
    .pnr-wrp input[type="text"] {
        width: 93%;
    }
    .ent-but {
        width: 40%;
    }
    .pnr-wrp-from-to {
        width: 96%;
    }
    .pnr-wrp-from-to input {
        width: 96%;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .pnr-wrp-from-to .select {
        width: 100%;
        border-radius: 10px;
    }
    .pnr-wrp-from-to .select2 {
        width: 96%;
        border-radius: 10px;
    }
    .pnr-wrp-from-to .select3 {
        width: 100%;
        border-radius: 10px;
    }
    .pnr-wrp-from-to .select4 {
        width: 96%;
        border-radius: 10px;
    }
    .pnr-wrp-from-to .live-station-btn {
        width: 100%;
        border-radius: 10px;
        margin-top: 10px;
    }
    .pnr-wrp-from-to .ticket-date-btn {
        width: 100%;
    }
    .canel-trains-grids .right-cancel {
        width: 100%;
    }
    .canel-trains-grids .right-cancel input {
        width: 95%;
        float: left;
        margin-top: 10px;
    }
    .canel-trains-grids .left-cancel {
        width: 100%;
    }
    .canel-trains-grids .left-cancel span {
        width: 97%;
    }
    .result-table {
        overflow-y: hidden;
        width: 100%;
        margin-bottom: 10px;
    }
    .contact-form-section .input-form input {
        width: 94%;
        margin-bottom: 15px;
    }
    .contact-form-section .input-form textarea {
        width: 94%;
        margin-top: 0px;
    }
    .search-grid button {
        height: 50px;
        margin-top: 10px;
    }
    .text-left {
        margin: 0px 2%;
        width: 100%;
    }
    .text-right {
        margin: 0px 0%;
    }
    .seat-select {
        float: none;
        width: 92%;
        margin: 0px auto 23px auto;
    }
    .seat-select-zon {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .seat-select-zon label {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .mobile-drop-menu-section {
        background: #f9fbfdc4;
        height: auto;
        margin: 0 auto;
        width: 100%;
        padding: 0px 0px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #f5f9fb;
        border-radius: 7px;
        margin-bottom: 20px;
    }
    .inner-drop-grid a {
        display: contents;
    }
    .drop-menu-part {
        width: 32.8%;
        float: left;
        padding: 20px 0px;
        background: #ebf6f5;
        border: 1px solid #dae9f393;
        /* border-right: 1px solid #ddd; */
        /* border-bottom: 1px solid #f9fbfdc4; */
    }
    .drop-menu-part img {
        width: 26px;
    }
    .drop-menu-part span {
        margin: 0px;
        color: #333;
        font-size: 15px;
        width: 100%;
        display: block;
    }
    .breadcrumbforservice {
        margin: 15px 0 0px 0;
    }
    .runtime_btn {
        margin: 10px 0px;
    }
    .main_submit_button {
        margin-top: 0px;
    }
}


/****===========================================================================
      Min-width:375px and Max-widht:424px Media Query
==============================================================================**/

@media (min-width: 380px) and (max-width: 480px) {
    .pnr-wrp-from-to input {
        width: 95%;
        margin-bottom: 10px;
    }
    .pnr-wrp-from-to .select2 {
        width: 95%
    }
    .pnr-wrp-from-to .select4 {
        width: 95%;
    }
    .canel-trains-grids .right-cancel input {
        width: 93%;
    }
    .canel-trains-grids .left-cancel span {
        width: 95.5%;
    }
    .drop-menu-part {
        width: 32.7%;
    }
    .drop-menu-part span {
        font-size: 14px;
    }
    .out-footer {
        margin-top: 3%;
    }
}


/****===========================================================================
      Min-width:320px and Max-widht:374px Media Query
==============================================================================**/

@media (min-width: 320px) and (max-width: 379px) {
    .pnr-wrp-from-to input {
        width: 94%;
        margin-bottom: 10px;
    }
    .pnr-wrp-from-to .select2 {
        width: 94%;
    }
    .pnr-wrp-from-to .select4 {
        width: 94%;
    }
    .canel-trains-grids .right-cancel input {
        width: 92%;
    }
    .canel-trains-grids .left-cancel span {
        width: 95%;
    }
    .drop-menu-part {
        width: 32.6%;
    }
    .drop-menu-part span {
        font-size: 14px;
    }
    .out-footer {
        margin-top: 3%;
    }
}


/****===========================================================================
      Min-width:250px and Max-widht:319px Media Query
==============================================================================**/

@media (min-width: 280px) and (max-width: 319px) {
    .servive-info h1 {
        font-size: 17px;
    }
    h1 {
        font-size: 17px;
    }
    .drop-menu-part {
        width: 48.9%;
    }
    .pnr-wrp input[type="text"] {
        width: 92%;
    }
    .pnr-wrp-from-to input {
        width: 91%;
    }
    .pnr-wrp-from-to .select2 {
        width: 91%;
    }
    .pnr-wrp-from-to .select4 {
        width: 91%;
    }
    .drop-menu-part span {
        font-size: 14px;
    }
    .infooter .footer-box {
        width: 85%;
        float: none;
        margin-top: 30px;
        padding: 0px;
    }
    .footer-train-services {
        width: 85% !important;
    }
    .footer-train-services ul li {
        width: 100%;
    }
    .canel-trains-grids .right-cancel input {
        width: 90%;
    }
    .canel-trains-grids .left-cancel span {
        width: 93%;
    }
    .ent-but {
        width: 45%;
        font-size: 15px;
    }
    .out-footer {
        margin-top: 3%;
    }
}