* {margin:0;padding:0;}
body {
    font-size:12px;
    font-family:arial;
    margin: 0;
    padding:0;
    box-sizing: border-box;
}

img {border:0;}
a {text-decoration:none;}

@media(min-width:500px) {
    #mobile_menu {
        display:none !important;
    }
}

#mobile_menu {
    display:block;
    background:#323232;
    height:50px;
    color:#FFF;
}

#mobile_menu a {
    color:#FFF;
    text-decoration:none;
    font-size:20px;
    float:right;
    margin: 10px 5px 0 0;
}

@media(min-width: 1000px) {

    #wrapper {
        width:1240px !important;
        margin: 0 auto;
    }

    .header_bg {
        background:url('../images/head-bg.png') !important;
        width:100% !important;	
        height:181px !important;
    }

}

#wrapper {
    width:320px;
    margin: 0 auto;
}

.header_bg {
    background-color: #6d3c12;
    width:320px;
    height:320px;
}

@media(min-width: 1000px) {

    #logo {
        float:right;
        margin: 35px 20px 0 0 !important;
    }

    #logo img {
        width: auto !important;
    }

    #logo #search {
        padding: 20px 30px 0 0 !important;
    }

}

#logo {
    float:right;
    margin: 10px 0 0 0;
}

#logo img {
    width:100%;
}


#logo #search {
    padding: 20px 20px 0 0;
}

#logo #search input[type="text"] {
    width: 235px;
    padding: 3px 3px 3px 0;
    background: transparent;
    border:1px solid #FFF;
}

#logo #search input[type="submit"] {
    background: transparent;
    color:yellow;
    border:0;
    font-size:17px;
    font-weight:bold;
}

@media (min-width:1000px) {

    #menu ul {
        display:block !important;
        list-style-type:none !important;
        float:right !important;
        margin: 90px 50px 0 0 !important;
        font-weight:bold !important;
    }

    #menu ul li a {
        color:#FFF !important;
        display: inline-block;
        position: relative;
        padding-bottom: 3px;
    }

    #menu ul li .normal:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        transition: width 0s ease, background .5s ease;
    }
    #menu ul li .normal:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background: yellow;
        transition: width .5s ease;
    }
    #menu ul li .normal:hover:before {
        width: 100%;
        background: yellow;
        transition: width .5s ease;
    }
    #menu ul li .normal:hover:after {
        width: 100%;
        background: transparent;
        transition: all 0s ease;
    }

    #menu ul li {
        display:block !important;
        float:right !important;
        font-size:22px !important;
        color:#FFF !important;
        padding-left:35px !important;
    }

    #open_menu {width:0 !important;display:none !important;}

}

#open_menu {width:90%;display:block;background:#c67530;text-align:center;float:right;margin:20px 16px 0 0;height:25px;padding-top:10px;}

#menu ul {
    display:none;
}

#menu ul li {
    display:none;
}

@media (min-width:1000px) {

    #app_download {
        text-align:right !important;
        margin-top:0 !important;
        top:23px !important;
        right:225px !important;
    }

    #app_download span {
        font-size:16px !important;
        width:auto !important;
        text-align:right !important;
        font-weight:none !important;
    }

    #call_us {
        width:auto !important;
        float:left !important;
        color:#FFF;
        margin: -50px 0 0 50px !important;
    }

}

#app_download {
    display:block !important;
    float:right;
    position:relative;
    top:0;
    right:40px;
    text-align:center;
    margin-top:10px;
}

#app_download span {
    font-size:15px;
    color:#FFF;
    float:right;
    margin-top:5px;
    width:100%;
    text-align:center;
}

#call_us {
    width:100%;
    color:#FFF;
    float:right;
    margin-top:10px;
    text-align:center;
}

#site {
    background: url('../images/bg.png');
    width:100%;
    float:right;
}

@media(min-width:1000px) {

    #right_side {
        float:right;
        width:222px !important;
        margin:30px 0 0 10px !important;
    }

    #index_search select {
        width:70px !important;
        height:30px;
        border:1px solid #f0e8e2;
    }

    #icons {
        display:block !important;
        float:right;
        padding: 30px 40px 0 0;
        margin:0 !important;
    }

    #cats {
        display:block !important;
        float:right;
        width:90%;
        color:#FFF;
        padding: 20px 7px 0 0;
    }

}

#right_side {width:100%;margin:30px 43px 0 0;}

#index_search {
    float:right;
    padding-right:15px;
}

#index_search select {
    width:70px;
    height:30px;
    border:1px solid #f0e8e2;
}

#index_search input[type="submit"] {
    margin-right:2px;
    background: #ebe1c1;
    border:0;
    width:50px;
    height:30px;
}

#icons {
    clear:both;
    float:right;
    margin: 30px 50px 0 0;
}

#cats {
    display:none;
}

#cats h1 {
    padding-bottom:10px;
}

#cats table {
    color:#FFF;
    float:right;
    border-spacing: 0;
}

#cats table tr span {
    float:left;
}

@media (min-width:1000px) {

    #mid_side {
        float:right;
        width:650px !important;
        color:#FFF;
    }

    #mid_side h1 {
        text-align:right !important;
    }

    #head_path {
        width:98% !important;
    }

}

#mid_side {
    float:right;
    width:320px;
    color:#FFF;
}

#mid_side h1 {
    text-align:center;
}

#head_path {
    background: #e0d4ad;
    width:92.5%;
    height:23px;
    margin: 10px 7px -10px 0;
    border: 2px solid #FFF;
    border-radius:7px;
    color:#000;
    padding: 7px 5px 0 0;
    font-size:16px;
    font-weight:bold;	
}

#head_path a {
    color:#000;
    text-decotaion:none;	}

@media (min-width: 1000px) {

    .article {
        text-align:right !important;
    }

    .article img {
        width:125px !important;
        height:101px !important;
        margin: 0 0 0 10px !important;
    }

    .article p {
        width:78% !important;
        padding: 0 !important;
        text-align:right !important;
    }

    #adminoption {
        width:100% !important;
        margin-right:0 !important;
    }
}

.article {
    float:right;
    color:#FFF;
    margin-top:10px;
    text-align:center;
}

.article img {
    float:right;
    width:250px;
    border:2px solid #FFF;
    border-radius:8px;
    margin: 0 30px 10px 0;
}

.article span {
    color:#FFF;
    font-size:20px;
}

.article a {
    color:#FFF;
}

.article p {
    float:right;
    width:93%;
    padding: 10px 10px 0 10px;
    text-align:center;
}

#adminoption {
    width:90%;background:#323232;height:30px;border-radius:7px;font-size:18px;padding: 5px 5px 0 0;
    margin-right:12.5px;
}

@media (min-width: 1000px) {

    #mid_side table {
        display:block !important;
        float:right;
        width:100%;
        margin-top:25px;
        text-align:center;
        color:#FFF;
        font-weight:bold;
    }

    #mid_side table img {
        border:2px solid #FFF;
        border-radius:8px;
        margin-top:10px;
        width:276px;
        height:225px;
    }

    #mid_side ul li {
        margin-right: 0 !important;
    }

    #mid_side ul li img {
        width:157px !important;
    }

    #mid_side ul #pi2 img {margin-right:63px !important;}
    #mid_side ul #pi {display:block !important;}

    #mid_side #aboutusp {width:100% !important;margin-right:0 !important;}

}

#mid_side table {display:none;}


#mid_side ul {
    float:right;
    list-style-type:none;
}

#mid_side ul li {
    float:right;
    margin-right:12px;
}

#mid_side ul li img {
    width:137px;
    height:127px;
    border:2px solid #FFF;
    border-radius:7px;
    margin-top:25px;
}

#mid_side ul #pi2 img {margin-left:0;}

#mid_side ul #pi {display:none;width:0;}


#mid_side #aboutusp {width:95%;float:right;}

@media (min-width:1000px) {
    #left_side {
        text-align:right !important;
        width:350px !important;
    }
    #welcome {
        padding: 20px 20px 0 30px !important;
    }
}

#left_side {
    float:right;
    width:320px;
    text-align:center;
}

#welcome {
    float:right;
    color:#FFF;
    padding: 20px 10px 0 10px;
    font-size:13px;
}

#welcome span {
    font-size:22px;
}

@media(min-width:1000px) {

    #page_k_top {
        margin: 20px 31px 0 0 !important;
    }

    #page_k {
        margin: 0 31px 0 0 !important;
    }

    #page_k p {
        display:block !important;
        color:#894b17;
        text-align:center;
    }

    .page_k_title {
        display:block !important;
        background:url('../images/page_k_title.png');
        width:154px;
        height:39px;
        float:right;
        margin: 10px -12px 4px 0;
        text-align:center;
        padding:3px 0 0 10px;
    }

    #pic_notice {
        display:block !important;
        width:240px;
        background:#000;
        height:45px;
        opacity:0.9;
        margin-bottom:-50px;
        color:#FFF;
        position:relative;
        top:-50px;
        right:10px;
        border-bottom-right-radius:8px;
        border-bottom-left-radius:8px;
        padding:5px 5px 0 0;
    }

    #ctp {
        display:none !important;
    }

}

#page_k_top {
    background:url('../images/top_page_k.png');
    background-size: cover;
    width:270px;
    height:27px;
    float:right;
    margin: 20px 23px 0 0;
}

#page_k {
    background:#eae0bf;
    width:270px;
    float:right;
    margin: 0 23px 0 0;
}


#page_k p {
    display:none;
}

.page_k_title {
    display:none;
}

.page_k_title span {
    font-size:17px;
    font-weight:bold;
    color:#FFF;
}

#page_k p img {
    width:242px;
    height:178px;
}

#page_k ul {
    list-style-type:none;
    float:right;
    width:97%;
    padding-right:6px;
}

#pic_notice {
    display:none;
}

#page_k li {
    width:100%;
    padding-bottom:5px;
}

#page_k input[type="text"],textarea {
    width:98%;
}

#ctp {
    display:block;
    font-size:18px;
    font-weight:bold;
}

#page_k input[type="submit"] {
    width:98%;
    height:25px;
    background: #985622;
    color:#FFF;
    font-weight:bold;
    border:0;	
}

@media(min-width:1000px) {

    #copyright {
        float:left !important;
        background:url('../images/copyrights.png') no-repeat !important;
        width:965px !important;
        height:36px;
        margin: 20px 0 0 55px !important;
        padding: 0 !important;
    }

    #copyright span {
        float:right;
        margin: 10px 20px 0 0;
        color:#FFF;
        font-size:15px;
    }

}


#copyright {
    float:right;
    background:#4f2100;
    width:100%;
    margin-top:20px;
    padding: 5px 0 10px 0;
}

#copyright span {
    float:right;
    margin: 10px 20px 0 20px;
    color:#FFF;
    font-size:15px;
}

#copyright a {
    color:#FFF;
}

.container {
    margin-top:20px;
    color:#FFF;
}

@media(min-width:1000px) {
    #details {
        text-align:right !important;
    }

    #details_info img {
        margin: 0 20px 0 5px !important;
        position:none !important;
        left:0 !important;
    }

    #details_info p {
        width:98% !important;
        margin-right: 5px !important;
        padding-bottom:0 !important;
        text-align:justify !important;
    }
}

#details {
    text-align:center;
    line-height:10px;
    margin-bottom:20px;
}

#details_info img {
    float:right;
    width:272px;
    height:221px;
    border:2px solid #FFF;
    border-radius:8px;
    display:block;
    margin: 0 23px 15px 20px;
    position:relative;
    left:20px;
}

#details_info p {
    width:92%;
    margin-right:13px;
    padding-bottom:30px;
    text-align:justify;
}

.g{color:#FFF;border: 1px solid #000;background: #985622;padding: 4px 8px 4px 8px;}
.g:hover{color:#FFF;border: 1px solid #000;background: #773a0e;padding: 4px 8px 4px 8px;}

@media (min-width:1000px) {
    #pgallery {
        margin-right:0 !important;
    }
}

#pgallery {
    float:right;
    margin-top:20px;
    margin-right:43px;
}

.g_picture {
    float:right;
    margin-right:20px;
    margin-bottom:20px;
}

.g_picture img {
    width:189px;
    height:155px;
    border:2px solid #FFF;
    border-radius:8px;
}

#contact {
    float:right;
    margin-top:25px;
}

#contact ul {
    list-style-type:none;
}

#contact li {
    list-style-type:none;
    clear:both;
}

@media(min-width:1000px) {

    #contact li {
        clear:none !important;
    }

    #contact li input[type="text"] {
        width:345px !important;
    }

    #contact li textarea {
        width:650px !important;
    }
    #contact li input[type="submit"] {
        width:650px !important;
    }

}

#contact li input[type="text"] {
    width:290px;
    height:35px;
    margin-bottom:10px;
    border:1px solid #000;
    padding-right:5px;
}

#contact li textarea {
    width:290px;
    border:1px solid #000;
    font-family:arial;
    padding:5px 5px 0 0;
}

#contact li input[type="submit"] {
    cursor: pointer;
    margin-top:10px;
    width:290px;
    height:45px;
    font-size:22px;
    color:#FFF;
    font-weight:bold;
    border:0;
    background: #93b41e;
}

.plus {
    font-size:17px;
    font-weight:bold;
    cursor:pointer;
}
.splus {
    font-size:17px;
    font-weight:bold;
    cursor:pointer;
}

/* ------------------------ */

@media (min-width:500px) {
    #before_menu{display:none !important;}
    #side_menu{display:none !important;}
}

#before_menu{
    display:block;
    width:100%;
    height:40px;
    background:#383838;
}

#side_menu {
    display:none;
    width:70%;
    background:#323232;
    height:100%;
    position:absolute;
    z-index:1;
}