body{
      background-image: url(images/bg.png);
    overflow: visible;

 
   font-family: custom;
      direction: rtl;
   
  }
@font-face {
    font-family: custom;
    src: url(font/aharoniclm-bold-webfont.ttf);
}
@font-face {
    font-family: custom1;
    src: url(font/aharoniclm-book-webfont.ttf);
}
div, span, h2,h3, p, input{
    font-family:custom1;
}
h1{
    font-family:custom;
}
.logo{
    width:100px;
    position:absolute;
    left:54%;
}
.col-sm-6.new {
    margin: 100px 17% 20px 0px;
    text-align: center;
    padding: 0px;
}
.container-fluid{
    padding:0px!important;
}
.col-sm-12.violet {
    padding: 0px;
}
.col-xs-12.col-sm-5.col-md-5.col-lg-5.cont {
    margin: 0px 16%;
}
.col-sm-6.form {
    margin: 20px 16%;
}
.input-group-addon {
    color: #916d88;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff!important;
    border-radius: 10px;
}
#my_form input {
    border: none;
    border-radius: 10px;
    padding: 0px!important;
    width: 100px;
}
form#my_form {
    width: 63%;
    margin: 20px auto;
}
.input-group {
    margin: 0px 0px 0px 30px;
    border: 2px solid #5e2969;
    border-radius: 10px;
}
 .input-group-addon:not(:last-child) {
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}
#email::-webkit-input-placeholder,
#name::-webkit-input-placeholder
{
  color:    #5e2969;
}

#email:-moz-placeholder,
#name:-moz-placeholder 
{
  color:    #5e2969;
}

#email::-moz-placeholder,
#name::-moz-placeholder 
{
  color:    #5e2969;
}

#name:-ms-input-placeholder,
#email:-ms-input-placeholder 
{
  color:    #5e2969;
}
button.btn.custom {
    width: 150px;
    background-color: #5e2969;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
}
h3.heading {
    text-align: center;
    font-size: 22px;
    margin: 2% 0px 2% 0px;
    font-weight: 500;
}
.andy img {
    vertical-align: middle;
    border-style: none;
    position: fixed;
    top: 15%;
    left: 13%;
    height: 425px;
    z-index: 99;
}
.row.footer {
    width: 102%;
    height: 60px;
    background-color: #010218;
}
img.marker {
    width: 46px;
    margin: 6px 55%;
}
span.contacts {
    color: #fff;
    display: inline-block;
    margin: 15px 30px;
}
p.mail {
    display: inline-block;
    margin: 0px 10px;
    font-size: 12px;
}

.col-xs-12.col-sm-6.col-md-6.col-lg-6.form_cont {
    margin: 20px 20%;
}

.violet img {
        margin: 0px 0px 10px 0px;
    height: 35px;
    width: 100%;
    object-fit: contain;

}
.feature {
    display: inline-block;
    margin: 20px;
    padding: 0px;
    color: #fff;
    font-size: 18px;
}
.feature_cont{
    width:62%;
    margin:0 auto;
}
.violet  {
background-image : url(images/violet.png);

}
@media screen and (max-width: 450px) and (min-width: 300px) {
    body{
    overflow: visible;
  }
    .col-sm-6.new {
    margin: 100px 7% 20px 0px;
    text-align: center;
    padding: 0px 10px;
}
.andy img{
    display:none;
}
.row.footer {

    height: 150px;
}
span.contacts {

    margin: 0px auto;
    width: 180px;
    text-align: center;
}
.feature {
   padding:0px;
    margin: 20px 0px 0px 0px;
    font-size: 14px;
    display: block;
    text-align: center;
}
.col-xs-12.col-sm-9.col-md-9.col-lg-9.form_cont {
    margin: 30px 0px;
}
.row.footer {
    padding: 20px;
        text-align: center;
}
img.marker {
    width: 46px;
    margin: 0;
}
button.btn.custom {
    width: 100%;
    
}
#my_form input {
    width: 100%;
}
}
@media screen and (max-width: 768px) and (min-width: 450px) {
      body{
    overflow: visible;
  }
    .logo {
    width: 100px;
    left:63%;

}
   .col-sm-6.new {
       padding:0px;
    margin: 80px 10% 20px 0px;
       
   } 
   h1.heading {
    font-size: 26px;
}
.text {
    font-size: 12px;
}


form#my_form {
    margin: 10px 20%;
}
button.btn.custom {
    width: 77%!important;
    display: block;
    margin: 10px 0px;
}
.andy img {
    border-style: none;
    position: fixed;
  top: 24%;
    left: 9%;
    height: 410px;
    z-index: 99;
}
.feature_cont {
    width: 100%;
    margin: 0 auto;
}
.feature {
    display: inline-block;
    margin: 20px;
    padding: 0px;
    color: #fff;
    font-size: 12px;
}
.violet img {
    margin: 0px 0px 10px 0px;
    height: 35px;
    width: 100%;
    object-fit: contain;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .feature{
        padding:0px;
    }
    form#my_form {
    width: 72%;
    margin: 20px auto;
}
.feature_cont {
    width: 73%;
    margin: 0 auto;
}
.row.footer {
    position: fixed;
    bottom: 0;
}
    .col-xs-6.col-sm-10.col-md-10.col-lg-10.cont {
    padding: 0px 60px;
}
}
@media screen and (max-width: 1800px) and (min-width: 1400px) {
    .col-sm-6.new {
    margin: 80px 17%;
}
    .feature{
        padding:30px;
    }
    
form#my_form {
    width: 54%;
    margin: 20px auto;
}
.feature_cont {
    width: 54%;
    margin: 0 auto;
}
    .andy img {
    position: fixed;
    top: 12%;
    left: 0%;
    height: 85%;
    z-index: 99;
    object-fit: contain;
    width: 50%;
}
.col-xs-12.col-sm-9.col-md-9.col-lg-9.form_cont {
    padding: 0px;
}
}
@media screen and (max-width: 2600px) and (min-width: 1800px) {
    .logo {
     width: 180px;
    left: 63%;

}
.feature{
    padding:50px;
}
.violet img {
    height: 60px;

}
p.feature_text {
    font-size: 24px;
}
   .col-sm-6.new {
       padding:50px;
    margin: 200px 10% 20px 0px;
       
   } 
   .col-xs-12.col-sm-9.col-md-9.col-lg-9.form_cont {
    padding: 40px;
}
   h1.heading {
    font-size: 40px;
}
.text {
    font-size: 30px;
}

#my_form input {
 
    width: 180px;
}
button.btn.custom {
 width: 180px;
   
}
.andy img {

    border-style: none;
    position: fixed;
    top: 25%;
    left: 4%;
    height: 70%;
    z-index: 99;
}
h3.heading {
    text-align: center;
    font-size: 30px;
    margin: 50px 0px 30px 0px;
    font-weight: 600;
}
form#my_form {
    margin: 10px 30%;
}
.footer{
    position:fixed;
    bottom:0;
}
.col-xs-6.col-sm-10.col-md-10.col-lg-10.cont {
    text-align: center;
    font-size: 24px;
}
}