.hs-form-required {
    display: none;
}

.hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 13px !important;
    margin-left: -33px;
    text-align: left;
}
.hs-form fieldset.form-columns-3 .hs-form-field {
    float: left;
    width: 33.2%;
}

.hs-error-msgs.inputs-list > li {
list-style:none;
}
.hs-form fieldset{width:100% !important;max-width:100% !important;}



/*-----------Gallery styles goes here---------------*/

.resp-tab-content img {
  
   
  
}
#hs_cos_wrapper_module_14634606977994975 > ul {
    text-align: center;
}
.demo h1 {
    color: #fff;
    font-family: 'Quicksand', sans-serif;
}
.demo {
   
}

.resp-tabs-list li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    list-style: outside none none;
    margin-top: 60px;
    padding:13px 15px;
   
    text-transform: uppercase;
}
.resp-tabs-container {
  padding: 0px;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
    border-bottom: 2px solid #dd3b10;
}
.resp-tab-content img :hover {cursor: pointer; opacity: 0.35;}
.resp-content-active,
.resp-accordion-active { display: block; }

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #DD3B10 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
 
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}
.tab-gallery ul li img{
     transition: all 1.5s ease;
     -webkit-transition: all 1.5s ease;
}
.tab-gallery ul li img:hover{
    opacity:0.3;
     transition: all 1.5s ease;
     -webkit-transition: all 1.5s ease;
}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}
.only_cent {
    text-align: center;
}
.banner h2 {
    color: #e64f2d;
    font-size: 33px;
    margin-top: 150px;
}
/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #dbdbdb !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion { border-top: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; }

.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.footercls{padding:10px;}
}

/*-----------Gallery styles Stop here---------------*/



body{margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;word-wrap: break-word;}
.container {margin: 0 auto!important; width: 1170px!important;float:none!important; text-align: center;font-family: 'Open Sans', sans-serif;word-wrap: break-word;}
.line {border-bottom: 4px solid #DD3B10;display: block !important;float: none !important;margin: -9px auto 12px !important;text-align: center;width: 5% !important;}
.banner {height: 650px; padding: 20px;}
.logo {float: left !important; margin-top: 43px; text-align: left;}
.con a {  background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 39px;
    position: relative;
    text-decoration: none;
    top: 30px;
      transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out; }
    .con a:hover {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;}
view_but a:hover.my_img > img{background: #000 none repeat scroll 0 0 !important;width: 100% !important;}
.banner h1 {color: #fff;font-size: 50px;font-weight:100 !important;letter-spacing: 10px;margin-top: 227px;font-family: 'Quicksand', sans-serif !important;   text-transform: uppercase;}
.client li img {cursor: pointer;}
.con2 a {  background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 90px;
    position: relative;
    text-decoration: none;
    top: 30px;
      transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out; }
    
.con2 a:hover {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;}
    
.con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 90px;
    position: relative;
    text-decoration: none;
    top: 30px;
    
      transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}
.con3 a:hover {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;}
    
.banner h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 100 !important;
    margin-top: 8px;
}
.my_right {
    text-align: left;
}
.my_left {
    text-align: right;
}
a {
    cursor: pointer;
      transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}
.boot_color h4{
    margin-top:80px;
    font-size:24px;
}
::-webkit-input-placeholder { color:#000;}
:-moz-input-placeholder { color:#000;opacity: 1!important;}
:-ms-input-placeholder { color:#000;}
.sec_section h2 { color: #000; font-size: 32px; font-weight: normal; margin-bottom: 10px;text-transform: uppercase;margin-top: 0;}
.sec_section {padding: 95px 0 70px;}
.rigth_img img {height: auto;  width: 100% !important;margin-top:60px !important}
.boot_color h3 {
    background: #000 none repeat scroll 0 0;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 11px 0 12px;
    position: relative;
    top: -6px;
}
.full_wid img {width: 91% !important; opacity: 0.6;}
.full_wid{margin-left:0!important;}
.con a:hover {background: transparent none repeat scroll 0 0;border: 2px solid #fff;color: #fff;}
.mid {background: #222223 none repeat scroll 0 0; padding: 0 0 80px;}
.mid h2 { color: #fff; font-size: 32px; font-weight: normal; margin-top: 100px;}
.mid p {color: #fff; font-size: 18px; line-height: 29px;margin-bottom:50px;}
.readmore a:hover {background: transparent none repeat scroll 0 0; border: 2px solid #DD3B10; color: #DD3B10;}
.readmore a {border: 2px solid #DD3B10; background: #DD3B10 none repeat scroll 0 0;color: #fff;float: left;padding: 12px 42px;   text-transform: uppercase;transition: all 0.99s ease;-webkit-transition:all 0.99s ease; -moz-transition: all 0.99s ease; -ms-transition: all 0.99s ease; -o-transition: all 0.99s ease;}
.readmore ul li {line-height: 1.4;list-style: inside none disc;}
.boot_color {color: #fff; float: none; margin: 0 auto;position: relative; top: -39px; width: 94%;}
.boot_color h3 {font-weight: normal!important; margin: 0;background:#000;padding:10px 0;}
.view_but a {border: 1px solid #222223;color: #222223;cursor: pointer;}
.group_box {float: none !important; margin: 0 auto !important;}
.dis:hover.hs-image-widget {opacity: 0.17!important;}
.box img:hover {opacity: 0.3;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out; 
    -webkit-transition: all 1.5s ease;}
.small_line {border-bottom: 4px solid #DD3B10;width: 11% !important;}
.form_section {    padding: 70px 0 100px;}
.client img:hover {opacity: 0.6;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;}
.form_section h2 { color: #000; font-size: 32px; font-weight: normal; margin-bottom: 10px;text-transform: uppercase;margin-top: 0;}
.my_form {float: none !important; margin: 0 auto !important; width: 70% !important;}
.input{ float: left; width:100%;}
.input input {border: 1px solid #000; padding: 9px; width:89%; margin-bottom: 2px;}
.actions {float: left; width: 100%;}
.readmore ul {padding: 0;}
.primary.large { background: rgb(221, 59, 16) none repeat scroll 0 0;
    border: 2px none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: left;
    font-size: 15px;
    margin-left: 4px !important;
    padding: 10px;
    transition: background-color 0.6s ease 0s;
    width: 97.5%;}
.primary.large:hover {background: #fff none repeat scroll 0 0; border: 2px solid #222223; color: #000; padding: 8px;}
/* ----- subscribe form -----*/

.subscribe .input{  display: inline-block !important;
    float: left;
    width: 85%;}
.subscribe .input input { 
      border: 1px solid #000;
    display: inline-block;
    font-size: 15px !important;
    height: 41px !important;
    margin-bottom: 2px;
    width: 45.5%;}
.subscribe .actions {float: left; width: 100%;}
.subscribe .readmore ul {padding: 0;}
.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
    border: 2px none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 15px;
    height: 60px !important;
    left: 63%;
    padding: 0;
    position: absolute;
    top: 19px;
    transition: background-color 0.6s ease 0s;
    width: 16%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color:  #dd3b10; padding: 8px;}

.subscribe{
    padding: 0 0 40px;
    position:relative;
    display:inline-block;
}

.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    margin-left: 19.5%;
    text-align: left;
}

.hs_message.field.hs-form-field .input {width: 100%;}
textarea {border: 1px solid #000; height: 110px; padding: 14px;     display: inline-block;
    float: none !important;
    margin-left: -13px !important;
    width: 93.5% !important;
}
.small {background: #DD3B10 none repeat scroll 0 0; height: 3px;margin-bottom: 27px;margin-top: 17px; width: 8%;}

.dis {
   
    margin-bottom: 10px;

}

.slider {background: #2e2e2e none repeat scroll 0 0;color: #fff;display: block !important;font-size: 14px;font-weight: lighter !important;padding: 50px;}
.name {font-size: 20px; letter-spacing: 4px; margin-top: 15px; text-transform: uppercase;}
.testi h2 { color: #000; font-size: 32px; font-weight: normal; text-transform: uppercase;margin-top: 100px;}
.partner {padding: 80px;}
.div_part {float: none !important; margin: 0 auto !important; width: 85% !important;}
.div_part .span4 {text-align: left !important;}
.client li {float: left; list-style: outside none none; text-align: center; width: 15%;}
.partner h2 { color: #000; font-size: 32px; font-weight: normal; margin-bottom: 10px; text-align: center;}
.client {float: none !important;margin: 0 auto !important; width: 85% !important;}
.footer {background: #222223 none repeat scroll 0 0; padding: 25px 0 20px;}
.top {border-bottom: 2px solid #ffffff; margin-bottom: 28px; padding: 8px; color: #828282;}
.bottom {color: #828282; padding: 10px;}
.social_icon a> img {height: 20px; margin: 0 19px;}
.link a .fa:hover {background: #fdd008;}
.boot_color h3 {margin: 0;font-weight: normal;}
.footer_logo {margin-bottom: 10px; margin-top: -9px;}

.my_img img {display: block;height: 100%; width: 100%!important;}
.prev{display:block !important;}
.social_icon img:hover {opacity: 0.5;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;}
.my_slider {display: block; float: none!important;margin: 0 auto!important;  text-align: center;    width: 70%!important;  padding: 65px 65px 65px 65px;position:relative !important;left:0;right:0;}
.back {bottom: 0; left: 0; position: relative;right: 0; top: 240px;display:block !important;}
.next {bottom: 0;position: relative;top:240px;margin-left:0 !important;}
.testimonial h4{font-size: 18px;font-weight: 600;letter-spacing: 5px; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
/*.box:hover .view_but a { display:block; }*/
.set:hover .view_but a {bottom: 181px;color: #fff;padding: 10px 15px;  position: relative; border: 2px solid #fff;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;}
#hs_cos_wrapper_module_14607091236261757 > img:hover {opacity: 0.4;cursor: pointer;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;}
.left-arrow1 img{
    position:absolute !important;
    top:50% !important;
    left:10% !important;
    
}
.right-arrow1 img{
    position:absolute !important;
     top:50% !important;
     right:14% !important;
   
}
.client img {
    cursor: pointer;
    height: 80%;
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 11% !important;
}

 .rigth_img img {height:auto !important; width: 100% !important; transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
    .rigth_img img:hover{  opacity:.5;}
.tab-gallery ul {
    padding: 0;
}

.consultation input {
   height: 63px !important;
    padding-left: 17px;
    width: 40%;
}


.consultation a {
       background: #dd3b10 none repeat!important;
     border:1px solid #dd3b10;
     color: #fff !important;
    padding: 22px 50px;
    position: relative;
    text-decoration: none;
    top: 2px;
   transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}
.ss {
  /*  width: 18% !important;*/
}
.my_img img {
display: block;
height: auto !important;
width: 100% !important;
}
.client img {
cursor: pointer;
height: auto !important;
margin-left: 19px;
margin-top: 18px;
padding: 0;
width: 11% !important;
}



@media (min-width: 240px) and (max-width: 319px)
{
    .container{width:100% !important;}
    
.banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 100 !important;
    margin-top: 8px;
}

.mid p {
    font-size: 14px;
}
.banner h1 {
    color: #fff;
    font-family: "Quicksand",sans-serif !important;
    font-size: 22px;
    font-weight: 100 !important;
    letter-spacing: 10px;
    margin-top: 227px;
    text-transform: uppercase;
}    
    
   .midd h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 100px;
} 
  
.midd p {
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 30px;
}  
  
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 74px;
    position: relative;
    text-decoration: none;
    top:0 !important;
  
}
.form_section p {
    font-size: 14px;
}
.form_section h2 {
    font-size: 20px !important;
}
.con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 39px !important;
    position: relative;
    text-decoration: none;
    top: 30px;
}

.event_text p {
    color: #fff;
    font-size: 14px !important;
    padding: 10px 0 20px;
}
.event_text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
    .mid h2 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}

.testi h2 {
    font-size: 20px;
}
.my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
    
    text-align: center;
    width: 100% !important;
}    
    
    
.testi h2 {
    font-size: 20px !important;
}

.consultation input {
    margin-bottom: 39px;
   
   
    width: 74%;
}
  
.mid p {
    font-size: 14px;
}

.partner h2 {
    font-size: 20px;
}
   
.partner p {
    font-size: 14px !important;
}.ss {
    width: 100% !important;
}

.client img {
    cursor: pointer;
    height: 80%;
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 40% !important;
}
  .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
  
    .mid p {font-size:19px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
 
    .my_form {float: none !important;margin: 0 22px !important; width: 85% !important;}
    .input {margin: 6px 0; width: 100%;}
    .input input{width:94% !important;}
    textarea{width:91% !important;}
    .partner {padding: 20px 10px;}
    
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
  
    .testi{padding: 33px 0;}
    .testi h2 {font-size: 27px;}
    .slider {padding: 15px; margin:0 auto!important;}
    .group_box{WIDTH:80% !important;}
    .boot_color{width:90%;}
    .primary.large{width:102%;}
   .box { width: 100% !important;}
    .boot_color {width: 94%;   top: -31px;}
.back {top: 0!important;}
/* .ss {padding-top: 11px;}*/
.next {top: 5px!important;}

.left { text-align: center;}
.boot_color h3 {font-size: 15px;}

.set:hover .view_but a {bottom: 155px;}
.readmore a {display: block;margin: 0 auto;padding: 14px 20px; width: auto;}
.my_left {
    margin-bottom: 40px;
    text-align: center;
}
.my_right {
    text-align: center;
}
.next {display:block  !important;}

.back {display:block !important;}
}
@media (min-width: 320px) and (max-width: 360px)
{
   .next {display:block !important;} 
  .ss {
    width: 100% !important;
}  
    .container{width:100% !important;}
  .left-arrow1 img{
    position:absolute !important;
    top:50% !important;
    left:6% !important;
    
}
.right-arrow1 img{
    position:absolute !important;
     top:50% !important;
     right:6% !important;
   
}  
  
.consultation input {
    margin-bottom: 39px;
  
    width: 74%;
}  
    
.testi h2 {
    font-size: 20px !important;
}
    .midd h2 {
    color: #fff;
    font-size: 20px !important;
    margin-top: 100px;
}
.form_section h2 {
    font-size: 20px;
}
 
   
.subscribe .input {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 31px;
    width: 100% !important;
}

.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 15px;
    height: 60px !important;
   
    position: unset !important;
 
    transition: background-color 0.6s ease 0s;
    width: 100%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}


.subscribe .hs-error-msgs.inputs-list label {
   color: red;
    float: left;
    font-size: 14px !important;
    margin-left: -40px;
    margin-top: -37px;
    text-align: left;
}



.form_section p {
    font-size: 14px;
}   
.banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 100 !important;
    margin-top: 8px;
}
.event_text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.mid h2 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}
.banner h1 {
    color: #fff;
    font-family: "Quicksand",sans-serif !important;
    font-size: 22px;
    font-weight: 100 !important;
    letter-spacing: 10px;
    margin-top: 227px;
    text-transform: uppercase;
}    
    
.midd p {
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 30px;
}
   
 
.mid p {
    font-size: 14px !important;
}
.event_text p {
    color: #fff;
    font-size: 14px !important;
    padding: 10px 0 20px;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 74px;
    position: relative;
    text-decoration: none;
     top:0 !important;
}  
   
 .con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 39px !important;
    position: relative;
    text-decoration: none;
    top: 30px;
}  
   
   
   
  .my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
   
    text-align: center;
    width: 100% !important;
} 
   
  
.partner h2 {
    font-size: 20px;
} 
.partner p {
    font-size: 14px !important;
}
.client img {
    cursor: pointer;
    height: 80%;
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 40% !important;
}
.partner p {
    font-size: 14px;
}
   .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
   
    .left {text-align: center;}

    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
  
    .my_form {float: none !important;margin: 0 22px !important; width: 85% !important;}
    .input {margin: 6px 0; width: 100%;}
    .input input{width:94% !important;}
    textarea{width:91% !important;}
    .partner {padding: 20px 10px;}
   

    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
    .client li{width: 80%;}
     /*.ss {padding-top: 11px; padding-bottom: 10px;}*/
   
    .testi{padding: 33px 0;}
    .testi h2 {font-size: 27px;}
    .slider { margin: 0 auto !important;padding: 29px;
    }
    .group_box{WIDTH:80% !important;}
    .boot_color{width:90%;}
    .primary.large{width:102%;}
   .box { width: 100% !important;}
    .boot_color {width: 94%;}
.back {top: 0!important;}
.next {top: 5px!important;}
.readmore a {display: block;margin: 0 auto;padding: 14px 20px; width: auto;}
.my_left {
    margin-bottom: 40px;
    text-align: center;
}
.my_right {
    text-align: center;
}



.dis a:hover .none span{left:0px!important;width:99.9%!important;}

}

@media (min-width: 361px) and (max-width: 480px)
{
    
    .ss {
    width: 100% !important;
}  
   
.subscribe .input {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 31px;
    width: 100% !important;
}

.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 15px;
    height: 60px !important;
   
    position: unset !important;
 
    transition: background-color 0.6s ease 0s;
    width: 100%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}


.subscribe .hs-error-msgs.inputs-list label {
   color: red;
    float: left;
    font-size: 14px !important;
    margin-left: -31px !important;
    margin-top: -37px;
    text-align: left;
}


   .container{width:100% !important;}
   .left-arrow1 img{
    position:absolute !important;
    top:50% !important;
    left:6% !important;
    
}
.right-arrow1 img{
    position:absolute !important;
     top:50% !important;
     right:6% !important;
   
} 
 .back {display:block  !important;} 
.consultation input {
    margin-bottom: 39px;
 
    width: 74%;
}  
    
.testi h2 {
    font-size: 20px !important;
}
    .midd h2 {
    color: #fff;
    font-size: 20px !important;
    margin-top: 100px;
}
.form_section h2 {
    font-size: 20px;
}
 
.form_section p {
    font-size: 14px;
}   
.banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 100 !important;
    margin-top: 8px;
}
.event_text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.mid h2 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}
.banner h1 {
    color: #fff;
    font-family: "Quicksand",sans-serif !important;
    font-size: 22px;
    font-weight: 100 !important;
    letter-spacing: 10px;
    margin-top: 227px;
    text-transform: uppercase;
}    
    
.midd p {
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 30px;
}
   
 
.mid p {
    font-size: 14px !important;
}
.event_text p {
    color: #fff;
    font-size: 14px !important;
    padding: 10px 0 20px;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 74px;
    position: relative;
    text-decoration: none;
     top:0 !important;
}  
   
 .con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 39px !important;
    position: relative;
    text-decoration: none;
    top: 30px;
}  
   
   
   
  .my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
   
    text-align: center;
    width: 100% !important;
} 
   

.partner h2 {
    font-size: 20px;
} 
.partner p {
    font-size: 14px !important;
}
.client img {
    cursor: pointer;
    height: 80%;
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 40% !important;
}
.partner p {
    font-size: 14px;
}
    .container {width: 100% !important;}
   
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
    .mid h2 {font-size: 23px; text-align: center; padding: 10px;}
    .left {text-align: center;}
    .mid p {font-size:19px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
    .form_section h2 {font-size: 26px;}
  /*  .my_form {float: none !important;margin: 0 22px !important; width: 85% !important;}*/
    .input {margin: 6px 0; width: 100%;}
    .input input{width:89% !important;}
    textarea{width:94% !important;}
    .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
  
    .testi{padding: 33px 0;}
    .testi h2 {font-size: 27px;}
    .slider {padding: 29px;  width: 82% !important;margin:0 auto !important;}
    .group_box{WIDTH:70% !important;}
    .boot_color{width:90%;}
    .primary.large{width:103%;}
    .boot_color h3 {font-size: 17px;}
    .boot_color {width: 95%; top: -35px;}
    .right .span6 {float: left; width: 50% !important;}
    .rigth_img {float: left !important; width: 100% !important;}
    .full_wid {float: left !important; width: 50% !important;}
    .full_wid img {height: 354px; width: 98% !important;float:right;}
    .rigth_img img {height:auto !important; width: 100% !important; transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
    .rigth_img img:hover{  opacity:.5;}
    .back {top: 0!important;}
    /* .ss {padding-top: 11px; padding-bottom: 10px;}*/
.next {top: 5px!important;}
.client{width: 85% !important; padding: 11px;}
.set:hover .view_but a { bottom: 190px;}
.readmore a {display: block;margin: 0 auto;padding: 14px 20px; width: auto;float: none;}
.my_left {
    margin-bottom: 40px;
    text-align: center;
}
.my_right {
    text-align: center;
}
.next {display:block !important;}


.dis a:hover .none span {
    height: 97.4%!important;
    left: 0 !important;
    width: 99.9% !important;
}

}

@media (min-width: 481px) and (max-width: 640px)
{
    .container {width: 100% !important;}
    .back {display:block  !important;}
    .ss {
    width: 100% !important;
}  
    .container{width:100% !important;}
   .next {display:block !important;} 
  
.consultation input {
    margin-bottom: 39px;
  
    width: 74%;
}  
  .left-arrow1 img{
    position:absolute !important;
    top:50% !important;
    left:6% !important;
    
}

.subscribe .input {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 31px;
    width: 100% !important;
}

.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 15px;
    height: 60px !important;
   
    position: unset !important;
 
    transition: background-color 0.6s ease 0s;
    width: 100%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}


.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    left: 38px;
    margin-left: -5.5%;
    position: absolute;
    text-align: left;
    top: 75px;
}
.right-arrow1 img{
    position:absolute !important;
     top:50% !important;
     right:6% !important;
   
}  
.testi h2 {
    font-size: 26px !important;
}
    .midd h2 {
    color: #fff;
    font-size: 26px !important;
    margin-top: 100px;
}
.form_section h2 {
    font-size: 20px;
}
 
.form_section p {
    font-size: 14px;
}   
.banner h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 100 !important;
    margin-top: 8px;
}
.event_text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.mid h2 {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    margin-top: 20px;
}
.banner h1 {
    color: #fff;
    font-family: "Quicksand",sans-serif !important;
    font-size: 26px;
    font-weight: 100 !important;
    letter-spacing: 10px;
    margin-top: 227px;
    text-transform: uppercase;
}    
    
.midd p {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 30px;
}
   
 
.mid p {
    font-size: 16px !important;
}
.event_text p {
    color: #fff;
    font-size: 16px !important;
    padding: 10px 0 20px;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 74px;
    position: relative;
    text-decoration: none;
     top:0 !important;
}  
   
 .con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 39px !important;
    position: relative;
    text-decoration: none;
    top: 30px;
}  
   
   
.boot_color h4 {
    font-size: 24px;
    margin-top: 35px !important;
}  
   
  .my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
   
    text-align: center;
    width: 100% !important;
} 
   
  
.partner h2 {
    font-size: 26px;
} 
.partner p {
    font-size: 16px !important;
}
.client img {
    cursor: pointer;
  
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 40% !important;
}
.partner p {
    font-size: 16px;
}
   .rigth_img img {
    height: auto!important;
    width: 51% !important;
}
   
  .boot_color h3 {
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    float: none;
    font-weight: normal !important;
    margin: 0;
    padding: 10px 0;
    width: 51% !important;
} 
   
.boot_color h4 {
    font-size: 24px;
    margin-top: 35px;
}
.my_img img {
    display: block;
    height: 100%;
    margin-top: 44px;
    width: 100% !important;
}
.my_img img:hover {
   
    margin-top: 44px;
   
}
   .box.set {display: block !important;Float: none !important; margin: 0 auto !important; width: 100% !important;}
     h1 {font-size: 30px;margin-top: 209px;font-family: 'Quicksand', sans-serif;}
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
     .mid h2 {font-size: 23px; text-align: center; padding: 10px;}
    .mid p {font-size:19px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
    .left {text-align: center;}
    .form_section h2 {font-size: 26px;}
    .my_form {float: none !important;margin: 0 auto !important;width: 70% !important;}
    .input {margin: 6px 0; width: 100%;}
    .input input{width:93% !important;}
    textarea{width:91% !important;}
    .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
   
    /* .ss {padding-top: 11px; padding-bottom: 10px;}*/
    .testi{padding: 33px 0;}
    .testi h2 {font-size: 27px;}
    .slider {padding: 29px;  width: 90% !important; margin:0 auto !important;}
    .group_box{width:67% !important;}
    .boot_color {left: 0 !important;top: -19px; width: 98% !important;}
    .boot_color > h3 { font-size: 20px!important}
    .primary.large{width:98%;}
    .back {top: 0!important;}
    .next {top: 5px!important;}
    .right .span6 {float: left; width: 50% !important;}
    .rigth_img {float: left !important; width: 100% !important;}
    .full_wid {float: left !important; width: 50% !important;}
     .full_wid img {height: 442px; width: 98% !important;float:right;}
  
    .client {float: none !important;width: 98% !important;padding: 0 28px;}
    .client li {width: 33%;}
    
    .readmore a {display: block;margin: 0 auto;padding: 14px 20px; width:auto;float: none;}
  /*  .box { float: left !important;   width: 33% !important;}*/
    .my_img { width: 98%!important;}
    .view_but a {bottom: 200px !important;font-size: 16px !important;width: 50%;}
    .my_left {
    margin-bottom: 40px;
    text-align: center;
}
.my_right {
    text-align: center;
}
.next {display:block !important;}

ul .dis {margin: 0 10px;   }
.dis a:hover .none span {height: 95.9% !important;    left: 0 !important;  width: 100% !important;}
.back {display:block !important;}
}

@media (min-width:641px) and (max-width: 767px)
{
    .container {width: 100% !important;}
    .ss {
    width: 100% !important;
}  .left-arrow1 img{
    position:absolute !important;
    top:50% !important;
    left:6% !important;
    
}
.right-arrow1 img{
    position:absolute !important;
     top:50% !important;
     right:6% !important;
   
}
  
.subscribe .input {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 31px;
    width: 85% !important;
}

.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 15px;
    height: 60px !important;
   
    position: unset !important;
 
    transition: background-color 0.6s ease 0s;
    width: 80%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}


.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    left: 38px;
    margin-left: 4.5%;
    position: absolute;
    text-align: left;
    top: 69px;
}

  .container{width:100% !important;}
   .back {display:block  !important;} 
  
.consultation input {
    margin-bottom: 39px;
   
    width: 74%;
}  

.boot_color h4 {
    font-size: 24px;
    margin-top: 35px !important;
}  
 .my_img img {
    display: block;
    height: 100%;
    margin-top: 44px;
    width: 100% !important;
} 
.my_img img:hover {
   
    margin-top: 44px;
   
}
.testi h2 {
    font-size: 20px !important;
}
    .midd h2 {
    color: #fff;
    font-size: 20px !important;
    margin-top: 100px;
}
.form_section h2 {
    font-size: 20px;
}
 
.form_section p {
    font-size: 14px;
}   
.banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 100 !important;
    margin-top: 8px;
}
.event_text h3 {
    color: #fff;
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.mid h2 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}
.banner h1 {
    color: #fff;
    font-family: "Quicksand",sans-serif !important;
    font-size: 22px;
    font-weight: 100 !important;
    letter-spacing: 10px;
    margin-top: 227px;
    text-transform: uppercase;
}    
    
.midd p {
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 30px;
}
   
 
.mid p {
    font-size: 14px !important;
}
.event_text p {
    color: #fff;
    font-size: 14px !important;
    padding: 10px 0 20px;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 74px;
    position: relative;
    text-decoration: none;
     top:0 !important;
}  
   
 .con3 a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #dd3b10;
    padding: 16px 39px !important;
    position: relative;
    text-decoration: none;
    top: 30px;
}  
   
   
   
  .my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
   
    text-align: center;
    width: 65% !important;
} 
   
  
.partner h2 {
    font-size: 20px;
} 
.partner p {
    font-size: 14px !important;
}
.client img {
    cursor: pointer;
    height: 80%;
    margin-left: 19px;
    margin-top: 18px;
    padding: 0;
    width: 40% !important;
}
.partner p {
    font-size: 14px;
}
    
       .rigth_img img {
    height: auto!important;
    width: 51% !important;
}
  .boot_color h3 {
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    float: none;
    font-weight: normal !important;
    margin: 0;
    padding: 10px 0;
    width: 51% !important;
} 
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .left {text-align: center;}
    .mid {padding: 13px 20px;}
     .mid h2 {font-size: 23px; text-align: center; padding: 10px;}
    .mid p {font-size: 14px;line-height: 23px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    
    .full_wid img {width: 100% !important;}
    .form_section h2 {font-size: 26px;}
    .my_form {float: none !important;margin: 0 32px !important; width: 89% !important;}
    .boot_color {left: 0 !important;top: -19px;width: 97% !important;}
    .boot_color > h3 { font-size: 11px!important}
    .input input{width:88% !important;}
    textarea{width:94.5% !important;}
   .set img {width: 100% !important;}
   .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
    .client li{width: 80%;}


 
    .group_box {width: 67% !important;}
    .boot_color { width: 100% !important;}
    .primary.large{width:99%;}
    .my_img {width: 96%;}
 /*.ss {padding-top: 11px; padding-bottom: 10px;}*/
    .my_img img {width: 100% !important;}
    .boot_color > h3 {font-size: 22px;}
    .box {float: left !important; width: 100% !important;}
    .right .span6 {float: left; width: 50% !important;}
   
    .full_wid {float: left !important; width: 50% !important;}
     .full_wid img {height: 353px; width: 98% !important;float:right;}
    
    .client {float: none !important;width: 87% !important; padding: 0 48px;}
    .client li {width: 33%;}

    .readmore a {display: block;margin: 0 auto;padding: 14px 20px; width:auto;float: none;}
     .back {top: 0!important;}
.next {top: 5px!important;}
.set:hover .view_but a {bottom:260px;color: #fff;left: -1px;  padding: 10px 15px;position: relative;}

.my_left {
    margin-bottom: 40px;
    text-align: center;
}
.my_right {
    text-align: center;
}
.next {display:block  !important;}
.dis a:hover .none span{left:0!important;width:99.4%!important;}


.dis a:hover .none span {height: 96.6% !important;    left: 0 !important;  width: 99.79% !important;}
}
@media (min-width:768px) and (max-width: 769px)
{
    .container {width: 100% !important;}
/*    .ss {
    width: 28% !important;}*/
 h1 {font-size: 45px;margin-top: 209px;font-family: 'Quicksand', sans-serif;}
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
    .mid h2{font-size:20px!important;}
    .mid p {font-size: 16px;line-height: 24px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
    .form_section h2 {font-size: 26px;}
    .my_form {float: none !important;margin: 0 42px !important; width: 90% !important;}
 .back {display:block  !important;}
    .input input{width:88% !important;}
    textarea{width:94.5% !important;}
    .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
    .client li{width: 80%;}


    .slider {padding: 29px;  width: 90% !important;margin:0 auto !important;}
    .group_box{width:99% !important;}
    .boot_color{width:90%;}
    .primary.large{width:99%;}
    .my_img {width: 96%;}
    .boot_color > h3 {font-size: 15px;}
.boot_color {left: 0.3px !important;top: -36px;width: 90.5%;}
    .set:hover .view_but a {bottom: 163px;left: -1px;}
    .box {
    display: inline-block !important;
    float: none !important;
    width: 45% !important;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 90px;
    position: relative;
    text-decoration: none;
    top: 4px !important;
}
.consultation input {
   height:60.5px;
   
    width: 40%;
}


.subscribe .input {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 31px;
    width: 85% !important;
}

.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 15px;
    height: 60px !important;
   
    position: unset !important;
 
    transition: background-color 0.6s ease 0s;
    width: 80%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}



.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    left: 38px;
    margin-left: 5.5%;
    position: absolute;
    text-align: left;
    top: 90px;
}




    .right .span6 {float: left; width: 50% !important;}
    .rigth_img {float: left !important; width: 100% !important;}
    .full_wid {float: left !important; width: 50% !important;}
    .full_wid img {height: 354px; width: 98% !important;float:right;}
    .rigth_img img {height: auto !important; width: 100% !important;}
    .client {float: none !important;width: 100% !important;padding: 0 41px;}
    .client li {width: 33%;}

    .view_but a {bottom: 159px; left: 30px; width: 50%;}
     .back {top: 145px;}
     .readmore a {display: block;margin: 0 auto;padding: 14px 20px; width: auto;float: none;}
.next {display:block !important;}
.dis a:hover .none span{left:1px!important;width:99.2%!important;}

}
@media (min-width:769px) and (max-width: 960px)
{
    .container {width: 100% !important;}
     h1 {font-size: 45px;margin-top: 209px;font-family: 'Quicksand', sans-serif;}
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
    .mid h2{font-size:20px!important;}
    .mid p {font-size: 16px;line-height: 24px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore{padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
    .form_section h2 {font-size: 26px;}
    .my_form {float: none !important;margin: 0 42px !important; width: 90% !important;}
/*   .ss {padding-top: 11px; padding-bottom: 10px;}*/
    .input input{width:88% !important;}
    textarea{width:94.5% !important;}
    .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
    .client li{width: 80%;}

/******   subscribe******/
.subscribe .input{  display: inline-block !important;
    float: left;
    width: 81% !important;}
.subscribe .input input { 
      border: 1px solid #000;
    display: inline-block;
    font-size: 15px !important;
    height: 41px !important;
    margin-bottom: 2px;
    width: 53.5% !important;}
.subscribe .actions {float: left; width: 100%;}
.subscribe .readmore ul {padding: 0;}
.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 15px;
    height: 60px !important;
    left: 64%;
    padding: 0;
    position: absolute;
    top: 19.5px;
    transition: background-color 0.6s ease 0s;
    width: 16%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}

.subscribe{
    padding: 0 0 40px;
    position:relative;
    display:inline-block;
}

.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    margin-left: 14.5%;
    text-align: left;
}
    
.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    left: 38px;
    margin-left: 14.5%;
    position: absolute;
    text-align: left;
    top: 69px;
}
    .group_box{width:99% !important;}
    .boot_color{width:90%;}
    .primary.large{width:99%;}
    .my_img {width: 96%;}
    .boot_color > h3 {font-size: 15px;}
.boot_color {left: 0.3px !important;top: -36px;width: 90.5%;}
    .set:hover .view_but a {bottom: 163px;left: -1px;}
    .box {
    display: inline-block !important;
    float: none !important;
    width: 45% !important;
}
.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 90px;
    position: relative;
    text-decoration: none;
    top: 4px !important;
}
.consultation input {
    
    width: 40%;
}
    .right .span6 {float: left; width: 50% !important;}
    .rigth_img {float: left !important; width: 100% !important;}
    .full_wid {float: left !important; width: 50% !important;}
    .full_wid img {height: 354px; width: 98% !important;float:right;}
    .rigth_img img {height: auto !important; width: 100% !important;}
    .client {float: none !important;width: 100% !important;padding: 0 41px;}
    .client li {width: 33%;}
   
    .view_but a {bottom: 159px; left: 30px; width: 50%;}
     .back {top: 145px;display:block !important;}
     .readmore a {display: block;margin: 0 auto;padding: 14px 20px; width: auto;float: none;}
/*.next {bottom: 180px;float: right !important;right: -8px !important;top: -240px;}*/
.dis a:hover .none span {height: 95% !important;left: 0 !important;  width:100% !important;}

}






@media (min-width:961px) and (max-width: 1300px)
{
   .container {width: 100% !important;}
     h1 {font-size: 50px;margin-top: 209px;font-family: 'Quicksand', sans-serif;}
    .sec_section h2{font-size: 20px;}
    .line{margin: 18px auto 21px;width:16%;}
    .sec_section {padding: 54px 7px;}
    .mid {padding: 13px 20px;}
    .mid h2 {font-size: 20px!important;}
    .mid p {font-size:19px;}
    .small{margin-bottom: 0; margin-top: 12px; width: 14%;}
    .readmore {padding:10px 24px; margin-bottom: 21px;}
    .full_wid img {width: 100% !important;}
    .form_section h2 {font-size: 26px;}
    .my_form {float: none !important;margin: 0 35px !important; width: 92% !important;}
   .next {bottom: 180px;float: right !important;right: -12px !important;top: -98px;}
    .input input{width:90% !important;}
    textarea{width:95.5% !important;}
    .partner {padding: 20px 10px;}
    .partner h2 {font-size: 27px;}
    .footer_logo {margin-top: -4px;}
    .top {font-size: 15px;}
    .client li{width: 76%;}
    .boot_color {left: 0.3px !important;top: -36px;width: 90.5%;}
    .set:hover .view_but a {bottom: 163px;left: -1px;}

.con2 a {
    background: #dd3b10 none repeat scroll 0 0;
    border: 2px solid #dd3b10;
    color: #fff;
    padding: 16px 60px;
    position: relative;
    text-decoration: none;
    top: 4px !important;
}
.consultation input {
  
    width: 40%;
}
/******   subscribe******/
.subscribe .input{  display: inline-block !important;
    float: left;
    width: 82% !important;}
.subscribe .input input { 
      border: 1px solid #000;
    display: inline-block;
    font-size: 15px !important;
    height: 41px !important;
    margin-bottom: 2px;
    width: 51.5% !important;}
.subscribe .actions {float: left; width: 100%;}
.subscribe .readmore ul {padding: 0;}
.subscribe .primary.large {background: #dd3b10 none repeat scroll 0 0;
  
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 15px;
    height: 60px !important;
    left: 63.5%;
    padding: 0;
    position: absolute;
    top: 20px;
    transition: background-color 0.6s ease 0s;
    width: 16%;transition: background-color 0.6s ease;}
.subscribe .primary.large:hover {background: none repeat scroll 0 0; border: 2px solid #dd3b10; color: #dd3b10;}

.subscribe{
    padding: 0 0 40px;
    position:relative;
    display:inline-block;
}

.subscribe .hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    font-size: 16px !important;
    margin-left: 14.5%;
    text-align: left;
}
  .my_slider {
    display: block;
    float: none !important;
    margin: 0 auto !important;
    padding: 65px 65px 65px 65px;
    position: relative !important;
    text-align: center;
    width: 55% !important;
}
    .group_box{width:99% !important;}
    .boot_color {left: -4.2px !important;top: -22px;width: 90%;}
    .primary.large{width:99%;}
    .my_img {width: 96%;}
    .boot_color > h3 {font-size: 15px;}
    .boot_color {left: 0px !important; top: -36px; width: 91.4%;}
    .set:hover .view_but a {bottom: 198px;left: -4px;}
    .box {float: left !important; width: 22% !important}
    .right .span6 {float: left; width: 50% !important;}
    .rigth_img {float: left !important; width: 100% !important;}
    .full_wid {float: left !important; width: 50% !important;}
   .full_wid img {height: 354px; width: 98% !important;float:right;}
    .rigth_img img {height: auto !important; width: 100% !important;}
    .readmore a {display: block;margin: 0 auto;padding: 14px 20px; width:auto;float: none;}
 
    .client li {float: left; list-style: outside none none; text-align: center; width: 15%;}
   
      .back {top: 145px;display:block !important;}
/*.next {bottom: 180px;float: right !important;right: -8px !important;top: -209px;}*/
.dis a:hover .none span {height: 95.95% !important;left: 0 !important;  width:100% !important;}


    .view_but a {bottom: 159px; left: 30px; width: 50%;}
}

.resp-tabs-list {
    margin: 0;
}
.midd {
    background: #222223 none repeat scroll 0 0;
    padding: 0 0 111px;
}
.midd h2 {
   color:#fff;
   margin-top:100px;
   font-size:32px;
}
.midd  p{
    color:#fff;
   margin-bottom:30px;
   font-size:16px;
}
.event_text h3 {
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase; margin-bottom: 0;
}
.event {background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hubfs/2166934/photography/background-images.png") repeat  0 0; padding:100px 0 100px;}
.event_text p {
    color: #fff;
    font-size: 19px;
    padding: 10px 0 20px;
}
.consultation a:hover{background: transparent none repeat scroll 0 0 !important;border: 1px solid #fff;color: #fff;}
.dis a {text-align: center;}
    
.none span {display: none;}
  
ul .dis {
    display: inline-block !important;
}
.none strong:hover {background: #fff none repeat scroll 0 0;color: #fff;}
.none strong {background: #fff none repeat scroll 0 0;border: 1px solid #fff;color: #DD3B10;cursor: pointer;font-weight: bold;line-height: 23;padding: 10px 22px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
    
/*.dis a:hover .none span {width: 100%; height:100%; line-height: 240px; position: absolute; left: 0; top: 0; display: block; text-align: center; background: rgba(67,81,96,0.7); }*/

.dis{
      margin-bottom: 10px;
    margin-left: 10px;
}
.dis a:hover .none span {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;display: block; height: 96.4%;left:0;line-height: 240px; position: absolute; text-align: center;top: 0;  width:100%;}

.none span b {font-size: 1.5em; font-weight: normal; padding: 8px 12px; border-radius: 5px; background: #6bbe70; color: #fff; font-family: sans-serif;}
    
.dis a:hover .none span b:hover {background: #000;}
	
.dis img {max-width:100%;}



.mar-boot {display: inline-block; overflow: hidden;}
.mar-boot img {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; cursor: pointer;  transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;}
.mar-boot img:hover { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);}  /*-ms-transform:scale(1.5); /* IE 9 */ -moz-transform:scale(1.5); /* Firefox */ -webkit-transform:scale(1.5); /* Safari and Chrome */ -o-transform:scale(1.5); /* Opera */}*/