.wrapper{overflow-x: hidden}
h2{font-weight: bold}
img{max-width: 100%}
.modal-header{padding-bottom: 23px}
.search-bar{float: left}
.search-bar input[type="submit"]{left: 3%}
button{border: 0}
li:focus{border: 0}
.rslides img{max-height: 450px;max-width: 100%}
.memenu>li>a{padding-right: 22px !important}
.theme01 img:hover,.theme02 img:hover{cursor: pointer}
/* header */
.logo{background-color:rgba(104, 104, 104, 0.6) ;padding: 0}
.top-header {
    background: #752E83;
}
/* about us */
.about-us h2{position: relative}
.about-us h2,.the-color{padding-right: 15px;color: #BD3074;margin-bottom: 43px;word-break: break-all;}
.us p{ font-size: 17px;direction: rtl;}
.about-us img{border-radius: 5px;max-width: 100%;}
.about-us h2:after,.the-color:after{
        content: "";
    display: block;
    position: absolute;
    border-bottom: 1px solid #BD3081;
    width: 50px;
    right: 103px;
    padding-bottom: 10px;
}
.about-us h2:after{right: 17px}
.about-us{padding-bottom: 50px;margin-top: 50px;border-bottom: 1px solid #DEDEDE}
.border{border: 0}
/* contact */
.the-map .img{max-width: 100%; height: 270px;}
.the-map img{height: 270px}
.contact-now{ border-bottom: 1px solid #DEDEDE;padding-bottom: 55px}
.the-contact {
    overflow: hidden;
    padding-top:30px;
    /*
        background: url("../images/img/5.jpg") no-repeat center center fixed;
    height: 550px;
    position: relative;
    margin: 50px auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}/*
.overlay{position: absolute;background-color:rgba(13, 9, 7, 0.38);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0}*/
/*
.contact-now{padding: 46px 90px 10px;}*/
.contact-now .form-control {
    border-radius: 12px;    text-align: right;
}
/*
.contact-now h2{    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;}*/
.contact-now textarea{min-height: 150px}
.contact-now button{     background-color: #fff;
    padding: 4px 13px;
    border: 1px solid #CCC;}
.the-color:after{right: 30px}
/* header */
.skyblue>li:hover>a, .skyblue>li.active>a, .skyblue .dropdown li:hover>a{
    color: #BD3074 !important;font-weight: bold;
}
.callbacks_here a:after{background-color: #BD3074 !important;}
/* gallery */
.thegallery img{
    margin-bottom: 20px;
    width: 100%;height: 191px
}
.thegallery img,.the-contact button,.app101-general-social li,.app101-general-social li i,.scroll{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.thegallery img:hover{
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.3);
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
    cursor: pointer;opacity: .8
}
.the-contact i{margin-left: 7px}
.background{ overflow: hidden;
        /*background: url("../images/new/orland-square-mall-05.jpg") no-repeat center center fixed;*/
    height: 450px;
    position: relative;
        margin: 20px auto 7px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;}
.shadow{position: absolute;background-color:rgba(13, 9, 7, 0.18);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0}
.call{color: #fff}
.call:after{content: "";border: 0}
.contact-now p{font-size: 17px;margin-bottom: 20px; direction: rtl;}
a{color: #334C33}
.mymap{height: 260px;padding-top: 30px}
.mymap img{height: 100%;width: 100%}
.the-contact button{background-color: #fff;padding: 6px 16px;font-weight: bold;color: #BD3074}
/* footer */
.one{width: 38% !important}
.two{width: 34% !important}
.three{height: 33px;
    margin-right: 11px;
        font-weight: bold;
    color: #BD3074 !important;
}
.three:hover,.the-contact button:hover{background-color:  #BD3074 !important;border-color: #BD3074 !important;color: #fff}
.form-control {
    border-radius: 5px;
    direction: rtl;
}
textarea.form-control{min-height: 105px}
.theleft{padding-left: 0 !important}
.theright{padding-right: 0}

/* added start */

.app101-general-companies.theme01 img {
    height: 24px;
}

.app101-general-companies img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
/**/
.app101-general-companies.theme01 li {
    margin: 10px 6px 0;
}

.app101-general-companies li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 14px;
}
/**/
.app101-general-companies.theme01 ul {
    margin: -6px -6px 0;float: right;
}
.app101-general-companies ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
/**/
.app101-general-companies {
    margin: 16px 0;
}
/**/
.app101-general-hr {
    border-bottom: 1px solid #dedede;
}
/*           */
.app101-general-social .fa {
    font: normal normal normal 12px/24px 'FontAwesome';
    color: #777;
}
/**/
.app101-general-social li {
    box-sizing: content-box;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 6px 2px 0;
    border: 1px solid #777;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    transition: all ease 0.3s;
}
 [dir="rtl"] .col-xs-12 {
    float: right;
}
/**/
.app101-general-social ul {
    margin: -3px -2px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
/**/
[dir="rtl"] .app101-general-social {
    text-align: left;
}
.app101-general-social {
    margin: 16px 0;
}

/* added end */

.app101-general-social li:hover{border-color: #BD3074}
.app101-general-social li:hover i{color: #BD3074}

/* added footer */
.app101-general-coloredBG {
    background-color: rgba(216, 216, 216, 0.63);
}
.app101-general-partners-title {
    text-align: center;
    line-height: 32px;
    font-size: 24px;
    font-weight: 700;
    color:#BD3074
}
.app101-general-partners {
    margin: 16px 0;
}
.app101-general-partners-logos {
    text-align: center;
}
.app101-general-companies.theme02 {
    margin: 0;
}
.app101-general-companies {
    margin: 16px 0;
}
.app101-general-companies.theme02 ul {
    margin: -6px -6px 0;
}
.app101-general-companies.theme02 li {
    margin: 10px 9px 0;
}
.app101-general-companies li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 14px;
}
.app101-general-companies.theme02 img {
    height: 24px;
}
.app101-general-companies img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
/* end added footer */
.three:hover{color: #fff !important}
/* scroll */
.scroll{position: fixed;right: 20px;bottom: 20px;font-size:40px;z-index: 5;color: #BD3074;display: none;cursor: pointer}
.scroll:hover{color: rgba(189, 48, 116, 0.8)}
.theright{float: right}


/* my responsive */
.myfloat{
    float: right;
    direction: rtl;
    overflow: hidden;
    text-align: center;
   }

.memenu>li.showhide span.icon2:after,.memenu>li.showhide span.icon1:after{    
    border-top: 3px solid #BD3074 !important;
    border-bottom: 3px solid #BD3074 !important;}


.thewidth {
    right: -23px;
}
/* responsive */
@media screen and (max-width:1200px){
    .thewidth {
    right: -52px;
}
}
@media screen and (max-width:979px){
    /* logo */
    .logo img {
    width: 200px;
    }
    .logo{margin-top: 6px}
    .app101-general-hr{border-bottom: 0}
    .background{height: 508px}
    h2{font-size: 25px}
    .mymap{margin-bottom: 20px}
    .thewidth {
    right: -27px;
}
}
@media screen and (max-width:767px){
    /*.memenu>li.showhide{width: 72px !important}*/
    .memenu{    background-color: rgba(223, 223, 223, 0.31);direction: rtl}
    .about-us img{margin-bottom: 15px}
    .us p{font-size: 15px}
    h2{font-size: 20px}
    .header {
    width: 299px;
    text-align: center;
    float: right;
    }
    .theimg{width: 80%;
    margin: 0 auto 15px;}
    /* header */
    .myfloat{width: 75%  !important}
    /* added */
    .app101-general-companies.theme01 img {
    height: 16px;
}
    .app101-general-companies.theme02 img {
    height: 16px;
}
    .thewidth {
    right: -89px;
}
}
@media screen and (max-width:480px){
    /* logo */
    .logo img {
    width: 163px;
    }
    .us p{font-size: 14px}
    h2{font-size: 18px}
    .footer-left input[type="text"] {
    display: block;
    width: 100% !important;
    margin-bottom: 13px;
    }
    .thegallery img{height: 130px}
    .the-contact button{font-size: 15px}
    .contact-now p{font-size: 15px}
    .scroll{bottom: 15px}
   .wrapper .modal-header{padding: 8px 13px 20px}
    .scroll{right: 15px;bottom: 5px}
}
@media screen and (max-width:320px){
    .thegallery img{height: 100px}
}
/* added responsive */
@media (max-width: 991px) and (min-width: 768px){
.app101-general-companies {
    text-align: center;
}
}

/* me */
@media screen and (max-width:991px){
.myfloat{    width: 97%;
    float: none;
    margin: auto;}
.thecenter{text-align: center}
    .footer-right {
    text-align: center !important;
    margin: 10px auto;
}
}


/* new edit */
.about-us h2, .the-color{    
    padding-right: 15px;
    color: #BD3074;
    margin-bottom: 43px;
    word-break: break-all;
    width: 100%;
    direction: rtl;}
    
.memenu>li>a {
    padding-right: 22px !important;
    font-weight: bold;
}
.modal-body img {
    height: 350px !important;
    width: 100% !important;
}
.logo {
    background-color: rgba(104, 104, 104, 0.6);
    padding: 0;
}
.call {
    color: #fff !important;
}