/*-----------------------------------------
 [MASTER RESPONSIVE STYLE SHEET]
 -----------------------------------------------*/


.search-container
{
    width: 100% !important;
}

.quoteListFilter
{
    position: fixed; left: 150px; right: 15px; top: 81px; z-index: 1; background: #ffffff;
}

.statusBtnSec
{
     color: white !important;
     float: right;
}

.searchField
{
        width: 150px;
        height: 35px;
        margin-top: -3px;
}

.searchFiled2
{
    width: 150px;
    height: 35px;
        
}

.textAlign
{
    text-align: right;
}

.poweredBySec
{
    text-transform: none; 
    font-size: 12px; 
    position: fixed; 
    bottom: 0px; text-align: 
        center; color: red;
                 width: 20%;
}

.rememberBox
{
    margin: -10px -130px 0px;
}


  /*-------------------------------------------------------*/
/* When the browser is above 1200px wide, below css will be applied.
/*-------------------------------------------------------*/


@media screen and (min-width: 1200px) {


}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/

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



/*-------------------------------------------------------*/
/* When the browser is between 992px and 1366px wide,below css will be applied.
/*-------------------------------------------------------*/

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

    .search-container
    {
        width: 100% !important;
    }



    /*#searchbg
{
  height: 100vh;
}*/

    /*#pnlOtherFields
    {
        width: 880px !important;
    }*/

}


@media screen and (min-width: 992px) and (max-width: 1280px) {

 .rememberBox
{
    margin: 20px 0px 0px -99px;
}

}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 1120px wide,below css will be applied.
/*-------------------------------------------------------*/

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

    
}



/*-------------------------------------------------------*/
/* When the browser is between 768px and 1024px (ipad) wide,below css will be applied.
/*-------------------------------------------------------*/

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



    .data_table h4
    {
        margin-top: 65px;
    }

    #pnlOtherFields
    {
        width: 100% !important;
    }

    .mobilelogo img
{
    max-width: 38% !important;
}

.breadLine_1
{
    position: relative;
    left: 0;
    width: 100%;
}

.quoteListFilter
{
    position: relative;
    top: 21px;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
}

.textAlign
{
    text-align: center;
    margin-bottom: 20px;
}

.content .workplace
{
    margin-top: 75px !important;
}

.header .header_menu li b
    {
        color: #333333;
    }

.quik_links ul {
    text-align: center;
}

  .span6
  {
      display: inline-flex !important;
      margin-bottom: 10px;
      width: 100% !important;
  }

  .ipadWidthSet
  {
     flex: 0 0 35%;
    max-width: 35%;
    background-color: #ffffff;
  }

  .rememberBox {
    margin: 69px -313px 0px;
}

  .signfills {
    padding: 18% 10px;
}

/*.searchField
{
    width: 180px;
}

.searchFiled2
{
    width: 180px;
}*/

}



/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/

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

.search-container
{
    width: 100%;
}


}


@media screen and (min-width: 550px) and (max-width: 980px) {

    .air7 table tr td {
        padding: 4px 15px;
        display: table !important;
        margin: 10px auto !important;
    }

        .air7 table tr td input[type="text"] {
            width: 350px !important;
        }

    .details_box table tr th {
        width: 300px;
    }
}

        /*-------------------------------------------------------*/
        /* When the browser is between 540px and 720px (Surface Duo Device) wide,below css will be applied.
/*-------------------------------------------------------*/
        @media screen and (min-width: 540px) and (max-width: 720px) {
            .air7 table tr td input[type="text"] {
            width: 100% !important;
        }

        /*.data_table h4
    {
        margin-top: 100px;
    }*/

        .air7 table tr td input[type="text"] {
            width: 100% !important;
        }

        .mobilelogo img {
            max-width: 38% !important;
        }

        .breadLine_1 {
            position: relative;
            right: 0;
            left: 0;
            top: 43px;
            width: 100%;
            border-top: 1px solid #eeeeee;
        }

        .statusBtnSec {
            padding-bottom: 14px;
        }

        .quoteListFilter {
            position: relative;
            left: 0;
            right: 0;
            top: 62px;
        }

        .textAlign {
            text-align: center;
        }

        .page_title {
            text-align: center;
        }

        .span6 {
            display: inline-flex !important;
            margin-bottom: 10px;
        }

        .header .header_menu li b {
            color: #333333;
        }

        .quik_links ul {
            text-align: center;
        }
    }

    /*-------------------------------------------------------*/
    /* When the browser is between 0px and 767px wide,below css will be applied.
/*-------------------------------------------------------*/

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



    /*-------------------------------------------------------*/
    /* When the browser is above 480px wide, below css will be applied.
/*-------------------------------------------------------*/


    @media screen and (min-width: 480px) {

        .noDesktop {
            display: none;
        }
    }



    /*-------------------------------------------------------*/
    /* When the browser is between 0px and 480px wide,below css will be applied.
/*-------------------------------------------------------*/

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


        .noMobile {
            display: none;
        }

        .air7 table tr td input[type="text"] {
            width: 255px !important;
        }

        .title1 {
            font-size: 27px !important;
        }

        .search-container {
            width: 100% !important;
        }

        .search_btn {
            margin-top: 20px;
        }

        .airLinesFilterMob {
            margin: 30px 0;
        }

        .data_table h4 {
            font-size: 24px;
            text-align: center;
        }

        #pnlOtherFields {
            width: 100% !important;
            overflow: scroll !important;
            margin-left: 0px !important;
            margin: 40px auto;
        }

        /*******Shipping List*******/

        .header .header_menu {
            background-color: #ffffff !important;
            border-bottom: 1px solid #e2e2e2;
        }

        .mobilelogo img {
            max-width: 38% !important;
        }

        .breadLine_1 {
            position: relative !important;
            top: 76px !important;
            left: 0;
            width: 100%;
        }

        .selectDropUs {
            width: 109px !important;
        }

        .quoteListFilter {
            position: relative;
            left: 0;
            right: 0;
            text-align: center;
        }

        .statusBtnSec {
            padding-bottom: 10px !important;
        }

        .textAlign {
            text-align: center;
        }

        .quik_links {
            margin: 10px 0 !important;
        }

        .header .header_menu li b {
            color: #333333;
        }

        .quik_links ul {
            text-align: center;
        }

        .span6 {
            display: inline-flex !important;
            margin-bottom: 10px;
        }

        .inlgo {
            padding-bottom: 10px;
        }

            .inlgo img {
                margin-top: 83px;
                width: 47%;
            }

        .infil {
            float: none;
        }

        .poweredBySec {
            width: 80% !important;
        }
    }

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

        .header .header_menu li span {
            font-size: 10px;
            float: none;
            margin: 0 auto;
        }

        .header .header_menu li b {
            color: #333333;
        }
    }