@media screen and (device-width: 768px) {
    .col-ipad
    {
        width: 20% !important;
    }
    .col-ipad-main
    {
        width: 60% !important;
    }
    .item-a-class
    {
        font-size: 10px !important;
    }
    .navbar-nav > li {
        padding: 0!important;
    }

    .request-catalogue, .site-signup  {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .button02
    {
        width: 180px;
    }
    .button02 h3, .button03 h3
    {
        font-size: 15px;
    }
    .control-label
    {
        padding-top: 0 !important;
    }
    .form-horizontal
    {
        width: 110%;
    }
    .form-group label
    {
        font-size: 15px;
    }
    .nav > li > a
    {
        padding: 10px 25px;
    }
    .dropdown-menu > li > a {
        padding: 15px 0 0 0;
    }
}
@media  only screen and  (max-width: 1024px) {
    .request-catalogue, .site-signup {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-nav > li {
        padding: 0 7px;
    }
    .item-a-class
    {
        font-size: 12px !important;
    }
    .button02
    {
        width: 180px;
    }
    .button02 h3, .button03 h3
    {
        font-size: 15px;
    }
    .control-label
    {
        padding-top: 0 !important;
    }
    .form-horizontal
    {
        width: 110%;
    }
    .nav > li > a
    {
        padding: 10px 18px;
    }
    .dropdown-menu > li > a {
        padding: 15px 0 0 0;
        font-size: 12px;
    }

    .ken02t h10
    {
        font-size: 10px !important;
    }
    .ken01t h9
    {
        font-size: 10px !important;
    }
    .kensaku-left {
        margin-left: 0px;
        /*width: 50% !important;*/
        padding-right: 0px !important;
    }
    .search-container
    {
        margin: 0 !important;
    }
    .background-size
    {
        background-size: 100% 50px;
    }
    .background-size:hover
    {
        background-size: 100% 50px;
    }
    .background-search-size
    {
        background-size: 100% 35px;
    }
    .background-search-size:hover
    {
        background-size: 100% 35px;
    }
}
@media only screen  and (min-width: 1025px) and (max-width: 1280px)
{
    .ken02t h10
    {
        font-size: 12px;
    }
    .kensaku-left {
        padding-right: 0px !important;
    }
    .search-container
    {
        margin: 0 !important;
    }
}
@media only screen  and (max-width: 768px) {
    .navbar-nav
    {
        display:block;
    }
    .navbar-nav .border
    {
        display: none;
    }
    .request-catalogue, .site-signup {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .formright .form-group .signupinput {
        width: 105%;
    }
    .formright .form-group .maskedinput
    {
        width: 110%;
        margin-right: 10px !important;
    }
    .form-control {
        padding: 6px 6px;
    }
    .button03
    {
        width: 125px;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .button03 h3
    {
        font-size: 15px;
    }
    .button-space02 h13
    {
        font-size: 12px;
    }

}

@media only screen  and (max-width: 480px){
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .search-container
    {
        padding: 0px !important;
    }
    .kensaku-left
    {
        padding-left: 0px !important;
    }
    .kensakuS-left,.kensakuS-right
    {
        width: 100%;
    }

    .navbar-nav
    {
        display:block;
    }
    .navbar-nav .border
    {
        display: none;
    }
    .request-catalogue , .site-signup  {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .formleft
    {
        width: 30%;
        height: 50px;
        padding: 10px 0 0 0 ;
        text-align: center;


    }
    .formleft label
    {
        font-size: 7px;
    }
    .formright
    {
        width: 70%;
        height: 50px;
        padding: 15px 40px 0 15px;
    }
    .formright .form-group .signupinput {
        height: 17px;
        width: 110%;
    }

    .maskedinput
    {
        padding: 6px 3px;
        font-size: 10px;
    }
    .help-block
    {
        font-size: 6px !important;
        margin-top: 0;
        line-height: 15px;
    }
    .padding
    {
        padding: 0 3px 0 0;
    }
    .formright .form-group .maskedinput
    {
        height: 17px !important;
        margin-top: -3px !important;
    }
    .formright .form-group .dropdownInput
    {
        height: 19px !important;
        font-size: 8px;
        padding-top: 2px;

    }
    .checkbox {
        position: relative;
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 10px;
    }
    #catalogueform-check_send_other
    {
        margin-top: 3px;
    }
    input[type="checkbox"]{
        width: 10px; /*Desired width*/
        height: 10px; /*Desired height*/
    }
    .errorOptions
    {
        display: inline-block;
        line-height: 10px;
        font-size: 8px;
        margin-top: 2px;
    }
    .button-space02
    {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 0;
        overflow: hidden;
    }
    .button-confirm {
        border: 1px solid;
        padding: 3px 25px;
        margin-bottom: 50px;
        border-radius: 0;
        margin-top: 30px;
    }
    .button-confirm h3
    {
        font-size: 14px;
    }
    input,
    input::-webkit-input-placeholder {
        font-size: 7px !important;
        line-height: 2 !important;
    }

    /***signup page****/

    .button-space01
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .button-space01 .button03 {
        float:none;
        text-align:center;
        padding:2px 0;
        width:85px;
        border:solid 1px;
        margin: 30px 5px 10px 0 !important;
        border-radius: 0;
    }
    .button03 h3
    {
        font-size: 12px;
    }
    .button-space02
    {
        margin-top: 5px;
    }
    .button-space02 .button03 {
        float:none;
        text-align:center;
        padding:2px 0;
        width:85px;
        border:solid 1px;
        border-radius: 0;
    }
    .button-space02 h13
    {
        font-size: 10px;
    }
    .control-label
    {
        text-align: left !important;
        color: #000;
        font-family: Helvetica, Arial, Times New Roman, Lucida Grande, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
        Meiryo, メイリオ, sans-serif;
        font-size: 15px;
        font-weight: normal;
    }
    .form-group
    {
        margin-bottom: 5px !important;;
    }
    .require
    {
        font-size: 6px !important;

    }
    .formleft-first p
    {
        display: none;
    }
}