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

    /*Tour*/
    .HolderKeshvar {
        width: 40%;
        margin: 10px 5%;
    }

    .HolderTour {
        float: right;
        width: 80%;
        height: auto;
        margin: 10px 8%;
        padding: 10px;
    }

    .HolderTourPhoto {
        width: 33%;
        height: auto;
    }

    .HolderTourPhoto img {
        width: 100%;
        height: auto;
    }

    #HolderDetail, .HolderPrint {
        width: 100%;
        margin-left: 0;
    }

    #HolderDetail.CenterForm {
        width: 100%;
        margin: 50px 0 0;
    }

    #HolderLinksDetail {
        float: left;
        width: 100%;
    }

    #HolderDetail div, .HolderPrint div {
        font-size: 18px;
    }

    #HolderLinksDetail .HolderPart {
        width: 99%;
        padding: 0.5%;
    }

    .HolderItemSpan span {
        height: auto;
    }

    .HolderItemSpan span.W6 {
        width: 25%;
        text-align: center;
    }

    .HolderItemSpan span.W7 {
        width: 70%;
    }

    .TagSpan {
        margin: 0.5% 2%;
    }

    .HolderButtonTop .TagSpan {
        width: 30%;
        margin: 10px 3%;
    }

    .SequrityBtn {
        margin-left: 3.6%;
    }

    /*Hotel*/
    .HolderCityHotel, .HolderHotel {
        margin: 10px 3.5%;
        width: 43%;
    }

    /*Namayeshgah*/
    .HolderKeshvarNamyeshgah, .HolderTourNamayeshgah, .Holderlinks {
        width: 45%;
        margin: 20px 2.5%;
    }

    /*About*/
    .AttachmentBox {
        width: 30%;
        margin: 10px 1.5%;
    }

    /*News*/
    .HolderNews .HolderNewsPhoto {
        width: 39%;
    }

    .HolderNews span, .HolderNews p {
        width: 60%;
    }

    #HolderNewsPhoto img, #ComentDetail img {
        max-width: 90%;
        height: auto;
    }

    /*packages*/
    .HolderTypePackage {
        width: 40%;
        margin: 10px 5%;
    }

    /*sefarat*/
    .SefaratHolder {
        width: 30%;
        margin: 10px 1.5%;
    }

    /*Personel*/
    .HolderPersonel {
        float: right;
        width: 80%;
        height: auto;
        margin: 10px 8%;
        padding: 2%;
    }

    .HolderPersonelPhoto {
        width: 33%;
        height: auto;
    }

    .HolderPersonelPhoto img {
        width: 100%;
        height: auto;
    }

    /*Contact*/
    .googlemapBox {
        height: 174px;
    }

    .googlemapBox img {
        height: 164px;
    }

    /*End Contact*/
}

@media screen and (max-width: 768px) {
    .frm_new_ {
        width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /*Tour*/
    .HolderKeshvar {
        width: 60%;
        margin: 10px 20%;
    }

    .HolderTour {
        width: 50%;
        margin: 10px 3%;
    }

    .HolderTourPhoto {
        width: 98%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0px;
    }

    .HolderTourPhoto img {
        width: 100%;
        height: auto;
    }

    .span_tbl {
        width: 100%;
        margin: 0;
    }

    #HolderDetail div, .HolderPrint div {
        font-size: 16px;
    }

    .HolderItemSpan span.W1 {
        width: 20%;
    }

    .HolderItemSpan span.W2 {
        width: 77%;
    }

    .HolderItemSpan span.W4 {
        width: 10%;
    }

    .GalleryBox {
        margin: 20px 20%;
        width: 60%;
    }

    .BB_tbl {
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
    }

    .TagSpan, .HolderButtonTop .TagSpan {
        float: none;
        width: 40%;
        margin: 10px 3%;
        display: inline-block;
        text-align: center;
    }

    .BB_tbl .TagSpan {
        width: 70%;
    }

    #HotelsWideWidth {
        display: none;
    }

    #HotelsThinWidth {
        display: block;
    }

    .hotel_name_mob_holder h1 {
        margin: 3px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .m-u-book-now {
        float: right;
        width: auto;
        padding: 5px 10px;
        margin: 10px calc((100% - 50px) / 2);
    }

    /*Hotel*/
    .HolderCityHotel, .HolderHotel {
        margin: 10px 20%;
        width: 60%;
    }

    #HolderInformationHotel #HolderImg, #HolderInformationHotel #HolderInfo {
        width: 99%;
    }

    #HolderInformationHotel #HolderImg img {
        width: auto;
        max-width: 90%;
    }

    .HolderKeshvarHotel .ItemName {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

    .HolderKeshvarHotel img {
        width: 50%;
        margin-left: auto;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 15px;
        float: none;
    }

    /*namayeshgah*/
    .HolderTourNamayeshgah {
        width: 90%;
        margin: 20px 5%;
    }

    .HolderTourNamayeshgah img {
        width: auto;
        max-width: 90%;
        height: auto;
    }

    .HolderTourNamayeshgah .Items {
        padding: 0 9% 0 0;
    }

    /*Links*/
    .Holderlinks {
        width: 80%;
        margin: 10px 10%;
        height: auto;
    }

    .Holderlinks img, .imgListLinks img, .HolderListLinks img.FeaturedImg {
        width: auto;
        max-width: 90%;
        height: auto;
        margin: 10px 2.5%;
    }

    .imgListLinks, .HolderListLinks .titr {
        width: 100%;
        margin: 0 0 10px;
    }

    /*Keshvar Portal*/
    .k_boxall {
        width: 93%;
        margin: 25px 2%;
    }

    .k_bot {
        width: 97%;
    }

    /*Form*/
    .formprj input, .formprj textarea, .ChkHolder {
        width: 52%;
    }

    .formprj span.ItemForm {
        width: 100%;
    }

    .formprj select, .formprj select.Trio {
        width: 54%;
    }

    .formprj input.CodeTel {
        width: 10%;
    }

    .formprj input.PhoneTel {
        width: 40%;
    }

    .frm_branch input.PhoneTel {
        width: 42%;
    }

    .frm_branch select {
        width: 52%;
    }

    .formprj label {
        width: 40%;
    }

    .formprj input.UniqueHtlCal {
        width: 48%;
    }

    .frm__employment input.UniqueHtlCal, .frm__employment input, .frm__employment textarea, .frm__employment .ChkHolder {
        width: 54%;
    }

    .frm__employment .SequrityBtn {
        margin: 0
    }

    .car__eja__n input.UniqueHtlCal {
        width: 52%;
    }

    .car__eja__n .SequrityBtn {
        margin: 0
    }

    .formprj label.BeforeSth {
        margin-right: 2%;
    }

    .BeforeSth {
        clear: right;
    }

    .formprj input.UniqueHtlCap {
        width: 20%;
    }

    .CaptchaRfr {
        width: 7%;
    }

    .CaptchBox {
        width: 23%;
    }

    .SequrityBtn {
        width: 40%;
    }

    .formprj input.W1, .formprj input.W2 {
        width: 88%;
        margin: 2px 5%;
    }

    .SearchBtn {
        width: 90%;
        margin: 2px 5%;
    }

    #AlertButton, #AlertMobile, #AlertEmaile, #AlertButtonNext, #AlertEmaileNazar {
        width: 56%;
        margin-right: 0;
    }

    /*NewsLetter*/
    .NewsLetterBox {
        width: 100%;
    }

    .NewsLetterBox label {
        width: 39%;
        line-height: 25px;
    }

    .NLBTxt, .NLBCod {
        width: 51%;
        height: 25px;
        line-height: 25px;
    }

    .NLBCod {
        float: left;
        margin-left: 3.5%;
        line-height: 25px;
    }

    .NLBButt {
        margin-left: 3.5%;
    }

    /*About*/
    .AttachmentBox {
        width: 40%;
        margin: 10px 4.7%;
    }

    /*News*/
    .HolderNews .HolderNewsPhoto, .HolderNews span, .HolderNews p {
        width: 100%;
    }

    .HolderNews .HolderNewsPhoto img {
        width: 70%;
    }

    /*Branches*/
    .BrchBox {
        width: 90%;
        margin: 5px 5% 10px;
    }

    /*sefarat*/
    .SefaratHolder {
        width: 45%;
        margin: 10px 2.5%;
    }

    /*ticket & package & alltour*/
    .TicketHeader, .PackageHeader, .AllTourHeader {
        display: none;
    }

    .TicketRow, .PackageRow, .AllTourRow {
        margin: 20px 0;
    }

    .TicketRow p, .TicketRow p.W1, .TicketRow p.W2, .PackageRow p, .PackageRow p.W1, .PackageRow p.W2, .AllTourRow p, .AllTourRow p.W1, .AllTourRow p.pakage {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    .TicketRow p span, .PackageRow p span, .AllTourRow p span {
        display: block;
        float: right;
        width: 36%;
        margin: 3px 0 3px 2%;
        padding: 0 2% 0 0;
        background: #02A4EF;
        text-align: right;
        color: #FFF;
    }

    .PackageRow p span {
        width: 20%;
    }

    .AllTourRow p span.AutoWidth {
        float: none;
        margin: auto;
        padding: 0;
        background: none;
        color: #000;
    }

    .TicketRow a {
        width: 80%;
        margin: 5px 8%;
    }

    .HolderTypePackage {
        width: 60%;
        margin: 10px 20%;
    }

    /*Personel*/
    .HolderPersonel {
        width: 40%;
        margin: 10px 3%;
    }

    .HolderPersonelPhoto {
        width: 98%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0px;
    }

    .HolderPersonelPhoto img {
        width: 100%;
        height: auto;
    }

    .p-popup-wrapper {
        width: 80%;
    }

    /*print tour*/
    .HolderPrint .LogoPrint {
        float: none;
        display: inline-block;
    }

    .print-ttl {
        float: none;
        display: inline-block;
    }

    .print-ttl h1 {
        margin: 10px 0;
    }

    .InfoPrint {
        width: 100%;
    }

    .print-contact-item {
        text-align: center;
    }

    /*Contact*/
    .googlemapBox {
        height: 196px;
        margin-top: 30px;
    }

    .googlemapBox img {
        height: 186px;

    }

    .content_contact div.contact_info {
        width: 100%;
    }

    .content_contact div.contact_map {
        width: 100%;
    }

    .formprj_contact {
        margin: 30px 10px 1%;
    }

    /*End Contact*/

}

@media screen and (max-width: 480px) {
    .frm_vote .RadioHolder {
        width: 100%;
        margin: 0;
    }
    .faq_frm__n input, .faq_frm__n textarea{
        width: 52% !important;
    }

    .frm_vote input, .formprj textarea {
        width: 58%;
    }

    .frm_vote .SequrityBtn {
        margin: 0
    }

    .frm_pa_register .SequrityBtn {
        margin: 0
    }

    .GalleryBox img {
        height: 200px;
    }

    /*Tour*/
    .HolderKeshvar {
        width: 90%;
        margin: 10px 5%;
    }

    .HolderTour {
        width: 80%;
        margin: 10px 8%;
    }

    .HolderItemSpan span {
        font-size: 14px;
    }

    .HolderItemSpan span.W1 {
        width: 28.5%;
    }

    .HolderItemSpan span.W2 {
        width: 69%;
    }

    .HolderItemSpan span.W3, .HolderItemSpan span.W33 {
        width: 50%;
    }

    .HolderItemSpan span.W5 {
        width: 38%;
    }

    .GalleryBox {
        margin: 10px 5%;
        width: 90%;
    }

    /*Hotel*/
    .HolderCityHotel, .HolderHotel {
        margin: 10px 5%;
        width: 90%;
    }

    .HolderKeshvarHotel .ItemName span {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /*Namayeshgah*/
    .HolderKeshvarNamyeshgah {
        width: 96%;
        margin: 20px 2%;
    }

    .HolderTourNamayeshgah .titr {
        height: auto;
    }

    /*Links*/
    .Holderlinks {
        width: 90%;
        margin: 10px 5%;
        height: auto;
    }

    /*Form*/
    .frm_branch input.UniqueHtlCap {
        width: 39% !important;
    }

    .frm_branch .CaptchBox {
        width: 92%;
    }

    .formprj input.UniqueHtlCap {
        width: 38%;
    }

    .CaptchaRfr {
        width: 12%;
    }

    .CaptchBox {
        width: 94%;
        margin-right: 2%;
    }

    .in__safarnime_code {
        width: 100%;
    }

    .img__captcha_safarname {
        width: 80%;
    }

    .frm_new_ {
        margin: 0 !important;
    }

    .CaptchBox__n {
        width: 88%;
    }

    .img__captcha {
        width: 77%;
    }

    .SequrityBtn {
        width: 100%;
    }

    .TagSpan, .HolderButtonTop .TagSpan {
        width: 80%;
    }

    #AlertButton, #AlertMobile, #AlertEmaile, #AlertButtonNext, #AlertEmaileNazar {
        width: 100%;
        margin: 2px 0;
    }

    /*About*/
    .AttachmentBox {
        width: 80%;
        margin: 10px 10%;
    }

    /*News*/
    .HolderNews .HolderNewsPhoto img {
        width: 90%;
    }

    /*Branches*/
    .BrchBox img {
        float: none;
        display: block;
        margin: 5px auto;
        width: auto;
        height: auto;
        max-width: 80%;
    }

    /*sefarat*/
    .SefaratHolder {
        width: 90%;
        margin: 10px 5%;
        height: auto;
    }

    /*ticket & package & alltour*/
    .TicketRow, .PackageRow, .AllTourRow {
        margin: 50px 0;
    }

    .TicketRow p, .TicketRow p.W1, .TicketRow p.W2, .PackageRow p, .PackageRow p.W1, .PackageRow p.W2, .AllTourRow p, .AllTourRow p.W1, .AllTourRow p.pakage {
        text-align: center;
    }

    .TicketRow p span, .PackageRow p span, .AllTourRow p span {
        width: 98%;
        margin: 3px 1%;
        padding: 0;
        text-align: center;
        color: #FFF;
    }

    .TicketRow a {
        width: 90%;
        margin: 5px 2.5%;
    }

    .HolderTypePackage {
        width: 90%;
        margin: 10px 5%;
    }

    /*Personel*/
    .HolderPersonel {
        width: 80%;
        margin: 10px 8%;
    }

    .p-popup-wrapper {
        width: 90%;
    }

    /*Contact*/
    .googlemapBox {
        height: 196px;
        margin-top: 30px;
    }

    .googlemapBox img {
        height: 186px;

    }

    .content_contact div.contact_info {
        width: 100%;
    }

    .content_contact div.contact_map {
        width: 100%;
    }

    .formprj_contact {
        margin: 30px 10px 1%;
    }

    /*End Contact*/
    .imgsafar {
        display: block;
        max-width: inherit;
        width: 100%;
    }

}