@charset "UTF-8";

/*DESKTOP
======================*/

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


/*TABLET
======================*/

@media screen and (max-width: 991px) {
    .contact_block .contact_form .form-group.no_border {
        border: 1px solid #ddd;
    }
    .contact_block .contact_form .form-group.no_border.no_padding {
        border: 0 none;
    }
}

@media screen and (min-width: 600px) and (max-width: 989px) {
    .contact_block .contact_form .form-group.no_border.multiple {
        border: 0 none;
    }
}


/**/


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    .contact_block .context {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    .contact_block .context form {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact_block .contact_form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .contact_block .contact_form .form-group > label:first-of-type {
        width: 75px;
    }
    .contact_block .contact_form .form-group > label:first-of-type + div {
        width: calc(100% - 75px);
    }
    .contact_block .contact_form .form-group .radio-inline .clearfix,
    .contact_block .contact_form .form-group .checkbox-inline .clearfix {
        padding: 0
    }
    /**/
    /*   contact_service */
    .contact_block .contact_form .form-group.no_padding {
        border: 0 none;
        text-align: right;
    }
    /*   contact_store */
    .contact_block.contact_store .contact_form .form-group >label:first-of-type {
        width: 90px;
    }

/*box*/
    #information_box .box {
        width: 90%;
        margin: 0 auto;
    }
    #information_box .information h4 {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 10px;
        text-align: center;
        line-height: inherit;
    }
/*---map---*/
    #map {
        margin-left: 15px;
        margin-right: 15px;
    }
/*-------------------form---------------------*/
    form .box {
        width: 90%;
        padding-top: 9%;
    }
    form label {
        width: 30%;
        margin-left: 0;
    }
    form input {
        width: 65%;
        margin-right:0;
    }
    form textarea {
        width: 67.5%;
    }
/*°e¥X«ö¶s*/
    #submit {
        width: 60px;
        height: 60px;
    }
	#submit .btn{
		line-height:60px;
    }
}

@media screen and (max-width:330px) {
    .radio-inline {
        padding-left: 15px;
    }
    .share_box .list-inline li {
        padding-right: 10px;
        padding-left: 10px;
    }
}


/**/