@media (min-width:768px) and (max-width:1024px) {
  header {padding: 20px 0 0;padding: 55px 0;}
  .logo_image img{height: 60px;}
  header .header-right ul li{margin: 0 10px;padding: 25px 0 20px;}
  header .header-right ul li.nav-btn a {padding: 15px 20px;font-size: 16px;line-height:20px;}
  header .header-right ul li a {font-size: 16px;line-height:20px;}
  /*.contact-div{display: none;}*/
  .home-banner {  padding: 200px 0;}
  .home-banner .banner-content h1 { font-size: 65px;line-height: 72px;}
  .inner-banner{height: 170px;}
  .inner-banner:after {display: none;}

.home-project, .home-content{padding: 50px 0;}
  .home-project:after , .home-project .container:after {display: none;}
  .home-project h2 { font-size: 40px; line-height: 60px;}
  .home-project p { font-size: 18px;line-height: 33px;}

.home-portfolio .cols li{height:400px;}
.home-portfolio .cols li a {font-size: 30px;padding: 200px 0;}

.home-content:before {display: none;}
.home-content .cols { width: 100%;padding-bottom: 0;}
.home-content h2 {font-size: 50px; line-height: 60px;} 
.home-content a {font-size: 18px;}
.home-content .cols.hometestimonials { padding-top: 5%;}
.home-content .content p {font-size: 22px; line-height: 36px;}
.home-content:after {display: none;}

.newsletter-section span {font-size: 18px; line-height: 32px;display: block;}
.newsletter-section .subscriber-form {display: block; width: auto; margin: 0; }
.services {margin: 0;}
.services li { width: 47.3%;}
.services li a span.title {font-size: 16px;}

.contactinfo { padding: 30px 0;}
.contactinfo .cols.left {margin-right: 0px;  padding: 20px 0;}
.contactinfo .cols {width: 100%; float: left; }
.contact-map iframe{height: 300px;}
.contact-page .container:after,.contact-page:after{display: none;}
.contact-page {padding: 30px 0}
.contact-block h2 {font-size: 60px; line-height: 70px;}

.testimonials .cols {width: 100%;float: left}
.testimonials .cols.right {padding: 30px 0;}
.testimonials .cols.cols-image{height: 300px !important;}
.testimonials .cols.cols-image h1 p {padding: 70px 30px;font-size: 55px;line-height: 67px;}
.testimonials .cols.right span.subline {padding: 0 30px;font-size: 17px;}
.testimonials .content{padding: 0 30px;}
.testimonials .content p {font-size: 22px; line-height: 34px;}
.testimonials .author-name {padding: 0 30px;font-size: 15px;}

/*.fancybox-nav.fancybox-prev span{left:-25px  !important;}*/
/*.fancybox-nav.fancybox-next span{right: -25px !important;}*/


}
/* ipad pro */
@media (max-width: 1400px) {
  header{padding: 55px 0;}
  .home-project:after {width: 52%;}
 }

@media (min-width:375px) and (max-width:812px) and orientation {
  .page-content.service-detail:after, .page-content.faq:after, .page-template-default .page-content:after{display: none;}
  .page-content.service-detail .container:after, .page-content.faq .container:after, .page-template-default .page-content .container:after{display: none;}
  .page-content.faq, .page-template-default .page-content{padding-bottom: 30px;}
 }
@media (min-width:375px) and (max-width:812px){
    .contact-div .cta-btn{top:35%;}
} 


   #phone-menu, .hamburger { display: none; }
  .hamburger { width: 45px; height: 45px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 999999; right: 10px; top: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;display: none;}
  .hamburger.open { color:#4b4b4c; position:fixed; left:5px; top:20px; margin-top: 0 }
  .hamburger span, .hamburger span:after, .hamburger span:before { background: #969494; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  .hamburger span { position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%) }
  .hamburger span:after, .hamburger span:before { content: ''; position: absolute; left: 0; width: 100%; }
  .hamburger span:before { top: -8px; }
  .hamburger span:after { bottom: -8px; }
  .hamburger.open span { background-color: rgba(0,0,0,.0) }
  .hamburger.open span:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #4b4b4c; }
  .hamburger.open span:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #4b4b4c; }
  #phone-menu .navbar { background:#201F1F; position: fixed; top: 0; width: 100%; height: 100%; right: -100%; left:auto; box-sizing: border-box; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 0; }
  #phone-menu .navbar.open { right: 0; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.74);}
  #phone-menu ul ul { display: none; margin:0; padding:0 0 5px 60px; }
  #phone-menu ul ul ul { background:rgb(71, 71, 68) }
  #phone-menu ul ul ul ul { background:rgb(60, 60, 56) }
  #phone-menu ul { margin:95px 0 0;padding: 0; }
  #phone-menu li {list-style: none; position: relative; display: block; margin: 0; padding-bottom:0;padding: 0 0px; }
  #phone-menu li:last-child { border-bottom-width: 0; padding-bottom: 0; }
  #phone-menu em{position: absolute;width: 40px;height: 40px;top: 5px;right: 30px;cursor: pointer;}
  #phone-menu em:after {content: ""; display: block; position: absolute; top: 16px; right: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;border: solid #ffffff;border-width: 0 2px 2px 0;display: inline-block;padding: 4px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);color:#ffffff; }
  #phone-menu em.toggled:after { display: block; position: absolute; top: 14px; right: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;border: solid #ffffff;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);color:#ffffff; }
  #phone-menu em.level-two:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; background-color: transparent; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: 0; }
  #phone-menu em.level-two:after { display: none; }
  #phone-menu em.level-two.toggled { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg) }
  #phone-menu li a { color: #ffffff; padding:15px 35px;display: block; line-height: 25px; font-size: 20px;letter-spacing: 0.09em;text-transform: capitalize;font-weight: 500;}
  #phone-menu li li { border-bottom: 0; }
  #phone-menu li .sub-menu li a { text-transform: none;color: #727373;background: none;padding: 10px 5px 10px 0;font-size: 16px;}
  #phone-menu li li li a { padding-left: 25px; margin-right: 0; }
  #phone-menu li li li li a { padding-left: 30px; margin-right: 0; }
  #phone-menu li.current_page_item a, #phone-menu li.current-menu-ancestor a{color: #F70A07;background: #403F3F;}
  #phone-menu li .sub-menu li.current-menu-item a {color: #999;}
    
#phone-menu li.nav-btn a{padding: 15px 25px;font-size: 18px;line-height: 20px;color: #ffffff;background: #592e84;border-radius: 5px;display: inline-block;margin: 25px 20px;}
#phone-menu li.nav-btn.nav-btn.current_page_item a{background: #ffffff;color: #592e84;}


@media (max-width:767px) {

  #wrapper{width: 100%;}
  .container{width: 100%;max-width: 100%;padding: 0 15px;box-sizing: border-box;}
  h1, .page-content h1 { font-size:26px; line-height:36px;margin-bottom:5px; }
  h2, h1.page-title { font-size:22px; line-height:32px; }
  h3 { font-size:20px; line-height:30px; }
  h4 { font-size:18px; line-height:28px; }
  h5 { font-size:16px; line-height:26px; }
  h6 { font-size:16px; line-height:26px; }
  p { font-size:14px; line-height:24px; margin-bottom:15px; }
  ul li, ol li{font-size:14px; line-height:24px;}
  input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select{font-size: 14px;padding: 10px 20px;}
  input[type="submit"], input[type="button"]{font-size: 14px;padding: 10px 20px;}
  textarea{height: 125px;}
  blockquote p{font-size: 18px;line-height: 24px;}
  .btn, .home .options-block a{padding: 7px 25px;font-size: 16px;line-height: 20px;}
  .contact-menu {width: 100%; display: block; box-sizing: border-box; margin: 35px auto 0; float: none; text-align: center; padding: 20px 0; font-size: 20px; background: #F70A07; position: absolute;bottom: 0;top: auto;}
  .contact-menu a { font-weight: 600; color: #fff;letter-spacing: 1px;text-transform: uppercase;}
  .mob-head{display: block;}

  .mobile_menu_icon, .mobile_menu{ display:block;}
  #phone-menu, .hamburger {display: block;}
  header .header-right .menu-main-navigation-container, header .phone, header .header-right {display: none;}
  .hamburger{top: auto; margin-top: 55px;right:20px;}
  .video-banner{padding: 0; height:calc(100vh - 70px);}
  .logo_image img{height: 50px;}
  .contact-div{display: none;}
  header{padding: 55px 0;}
  .page-content {padding-bottom: 0;}
  .page-content.faq, .page-template-default .page-content{padding-bottom: 30px;}
  .inner-banner{margin-bottom: 30px;}
  #breadcrumbs { text-align: left;}
  #breadcrumbs span a,#breadcrumbs span.breadcrumb_last{font-size: 17px;}
  .page-content:after ,.page-content .container:after{display: none !important;}
  .inner-banner:after {display: none;}
  .page-content .subtitle p {font-size: 17px; line-height: 30px;} 
  .inner-banner { height: 150px;}
  li.search{display: none !important;}
.wpsearchform_menu{    position: absolute; left: 0px; display: block; width: 100%; z-index: 9999; background: #fff;}
.wpsearchform_menu input.search-field{font-size: 13px; padding: 10px 40px;background-size: 15px 15px;}
.wpsearchform_menu .close-icon:after{top:12px;font-size: 13px;}
.search_icon {position: absolute; margin-top: 70px; z-index: 9999; left: 25px; display: block;}


footer .footer-section{padding: 50px 0;}
footer .footer-section .cols{width: 100% !important;float: left !important;margin-bottom: 15px;}
footer .footer-section .cols.cols-second div{width: 100%;}
footer .footer-section .cols.cols-third div{float:left;}
.site-info{padding: 10px;}


.home-banner {padding:150px 0px 150px 0px;}
.home-banner .banner-content h1 {font-size: 55px; line-height: 55px;}
.home-banner .banner-content p{display: none;}
.home-banner:after {bottom: -21%;background-position: 57% 0;}

.home-project, .home-content{padding: 50px 0;}
.home-project h2 {font-size: 40px; line-height: 45px;}
.home-project p {font-size: 18px; line-height: 32px; padding: 0;} 
.home-project:after , .home-project .container:after {display: none;}
.home-project .cta-btn {font-size: 14px; padding: 15px 25px;}

.home-portfolio .cols li{width: 100%;height:400px;}
.home-portfolio .cols li a {font-size: 40px;padding: 200px 0;}

.home-content:before {display: none;}
.home-content .cols { width: 100%;}
.home-content h2 {font-size: 50px; line-height: 60px;} 
.home-content a {font-size: 18px;}
.home-content .cols.hometestimonials { padding-top: 5%;}
.home-content .content p {font-size: 22px; line-height: 36px;}
.home-content:after {display: none;}

.newsletter-section span {font-size: 18px; line-height: 32px;display: block;}
.newsletter-section .subscriber-form {display: block; width: auto; margin: 0; }
.subscriber-form .cols{width: 100%;}
.subscriber-form .cols.col-right{text-align: left;}
.subscriber-form input[type="email"]{font-size:16px; }

.services li {width: 100%}
ul.services{padding: 0}
.services li a span.title{font-size: 16px;}

.service-detail .flexslider ul.slides li .caption{padding: 20px 20px 40px;font-size: 20px;position: relative;}
.service-detail .flexslider ul.slides li .view-detail{    left: 10px; font-size: 15px; bottom: 20px; right: auto;}
.service-detail .flexslider ul.slides li .view-detail .arrow {width: 15px;height: 15px;margin-top: 5px}    

/*.flex-viewport{height: auto !important}*/
.service-detail {margin: 15px 0 15px;}
.service-detail .service-detail-content p {font-size: 17px; line-height: 30px;}
.service-detail .service-detail-content .cta-btn {padding: 15px; font-size: 14px;}
.service-detail .service-detail-content { padding: 20px 0;}

.testimonials .cols {width: 100%;float: left}
.testimonials .cols.right {padding: 30px 0;}
.testimonials .cols.cols-image{height: 300px !important;}
.testimonials .cols.cols-image h1 p {padding: 0 30px;font-size: 55px;line-height: 67px;}
.testimonials .cols.right span.subline {padding: 0 30px;font-size: 17px;}
.testimonials .content{padding: 0 30px;}
.testimonials .content p {font-size: 22px; line-height: 34px;}
.testimonials .author-name {padding: 0 30px;font-size: 15px;}


.contactinfo { padding: 30px 0;}
.contactinfo .cols.left {margin-right: 0px;  padding: 20px 0;}
.contactinfo .cols {width: 100%; float: left; }
.contactinfo h2 {font-size: 40px; line-height: 40px;}
.contactinfo .content p {font-size: 18px; line-height: 38px;}
.contact-map iframe{height: 300px;}
.contact-page .container:after,.contact-page:after{display: none;}
.contact-page {padding: 30px 0}
.contact-block h2 {font-size: 40px; line-height: 50px;}

.slider-div .caption{padding: 20px 20px 40px;font-size: 20px;position: relative;}
.slider-div .view-detail{left: 20px;font-size: 18px;bottom: 5px;right: auto;}

.fancybox-nav.fancybox-prev span{left:15px  !important;}
.fancybox-nav.fancybox-next span{right: 15px !important;}
.fancybox-close{top:0 !important;right: 0 !important}
  .page-content ul.faqs li h5{font-size: 16px;line-height: 20px;padding: 10px 50px 10px 20px;}
  .page-content ul.faqs li .faq-content{padding: 20px;}
  .page-content ul.faqs li .faq-content p{font-size: 16px;line-height: 30px;}

}
@media screen and (max-height: 575px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} }

@media (max-width:479px) {

}