/*
Description: The stylesheet with a main responsive style.
Author:      Cherry Team
Version:     1.0.0
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px; }

input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 30px; }

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 46px; } 
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } 
}

@media (min-width: 768px) {
.form-horizontal .control-label {text-align: right; margin-bottom: 0; padding-top: 7px; } 
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {padding-top: 14.3px;} 
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {padding-top: 6px;} 
}

@media (max-width: 768px) {
  ol.comment-list li.comment ol.children {padding-left: 15px;}

}

@media (max-width: 767px) {
.cherry-breadcrumbs .page-title {font-size: 25px;}
.sidebar-header .widget{ margin:0; padding:0;}
.site-header { min-height: inherit;}
.static-header-sidebar { min-height: 70px !important;}
.cherry-breadcrumbs { padding-top:10px; padding-bottom:10px;}

.table-responsive {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } 
}

@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; }
}

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; }
	
	.contact-info , .contact-form{ width:100%; float:none;}
	
	 }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
	.contact-info , .contact-form{ width:48%}
	.inpField p {
  width: 100%;
}
	
	
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
@media (min-width: 768px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 750px; } }
@media (min-width: 992px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 970px; } }
@media (min-width: 1200px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 1170px; } }
@media (min-width: 768px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 780px; } }
@media (min-width: 992px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 1000px; } }
@media (min-width: 1200px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 1200px; } }

.entry-content .container .container {
  width: auto; }

@media (min-width: 992px) {
  .sidebar-sidebar-content-wrapper,
  .sidebar-content-sidebar-wrapper,
  .content-sidebar-sidebar-wrapper {
    width: 80%; }

  .sidebar-content-sidebar-wrapper,
  .sidebar-sidebar-content-wrapper {
    float: right; }

  .content-sidebar-sidebar-wrapper {
    float: left; }

  .sidebar-content-wrapper #primary,
  .content-sidebar-wrapper #primary,
  .sidebar-sidebar-content-wrapper #primary,
  .sidebar-content-sidebar-wrapper #primary,
  .content-sidebar-sidebar-wrapper #primary {
    width: 75%; }

  .sidebar-content-wrapper #primary,
  .sidebar-sidebar-content-wrapper #primary {
    float: right; }

  .content-sidebar-wrapper #primary,
  .content-sidebar-sidebar-wrapper #primary,
  .sidebar-content-sidebar-wrapper #primary {
    float: left; }

  .sidebar-content-wrapper .widget-area,
  .sidebar-sidebar-content-wrapper .widget-area {
    float: left;
    width: 23%; }

  .content-sidebar-wrapper .widget-area,
  .content-sidebar-sidebar-wrapper .widget-area,
  .sidebar-content-sidebar-wrapper .widget-area {
    float: right;
    width: 23%; }

  .sidebar-sidebar-content-wrapper + .widget-area,
  .sidebar-content-sidebar-wrapper + .widget-area {
    float: left;
    width: 18%; }

  .content-sidebar-sidebar-wrapper + .widget-area {
    float: right;
    width: 18%; }

  .cherry-with-sidebar .content-area .container {
    width: 80%; } }
@media (max-width: 1200px) {
  .button_1 {
    min-height: 218px; }
    .button_1.cherry-btn-extra-large {
      font-size: 30px;
      line-height: 42px;
      padding-top: 27px;
      padding-bottom: 27px; }
    .button_1 .cherry-btn-icon {
      font-size: 68px;
      min-height: 69px;
      margin-bottom: 8px; }

  .services_1 .services-inner {
    min-height: 474px; }

  .box_1 .cherry-box .inner {
    padding-left: 100px;
    padding-right: 100px; } }
@media (max-width: 992px) {
  .site-branding {
    text-align: center;
    margin-bottom: 30px; }

  .site-header .widget {
    text-align: center; }

  .carousel_1 {
    margin-bottom: 30px; }

  .button_1 {
    min-height: 0; }

  .services_1 .services-inner {
    min-height: 0; }

  .box_1 .cherry-box .inner {
    padding-left: 50px;
    padding-right: 50px; }

  .cherry-tabs.cherry-tabs-style-default .cherry-tabs-nav span {
    display: block;
    max-width: 250px;
    margin: 0 auto; }

  .box_3 {
    margin-bottom: 30px; }
    .box_3:last-child {
      margin-bottom: 0; }

  .amr_widget {
    text-align: center; }

  .cherry-facebook-like-box-class .fb_iframe_widget span,
  .cherry-facebook-like-box-class .fb_iframe_widget iframe {
    width: 340px !important;
    margin: 0 auto; }

  address p {
    padding-left: 0; }
  address i {
    display: block;
    position: relative; }

  .carousel_2 .post-thumbnail {
    float: none;
    margin-right: 0; }

  .left-indent {
    margin-bottom: 41px; }

  .left-indent > * {
    margin-left: 0; }

  .box_5 .cherry-box .inner {
    padding-left: 40px;
    padding-right: 40px; }

  .comment-respond form input {
    width: 100%;
    max-width: 100%; } 
	
	.menu-primary > ul > li {
  margin-left: 20px; 
}

.menu-primary > ul > li a{ font-size:18px;}
}
@media (max-width: 768px) {
  .portfolio-wrap .portfolio-container .portfolio-list {
    /* List layout */ }
    .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .media-content, .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .item-content {
      width: auto;
      margin: 0; }

.menu-item-has-children a:before{ display:none;}
  .pseudoStickyBlock {
    max-height: 98px; }

  .box_1 .cherry-box .inner,
  .box_5 .cherry-box .inner {
    padding-left: 20px;
    padding-right: 20px; }

  .title_box_1 .title-box_title {
    font-size: 30px; }

  .title_box_1 .title-box_subtitle {
    font-size: 20px; }

  .cherry-tabs.cherry-tabs-style-default .cherry-tabs-pane {
    padding-left: 20px;
    padding-right: 20px; }

  .box_3 .cherry-box .inner {
    padding-left: 20px;
    padding-right: 20px; }

  .box_3 .alignnone {
    margin-bottom: 15px; }

  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .item-content h3 {
    margin-top: 35px; }

  .portfolio-wrap .portfolio-filter ul.filter li {
    float: none;
    display: block;
    margin-bottom: 25px; }

  .portfolio-wrap .portfolio-filter ul.filter li a:after {
    bottom: -10px; }

  .comments-area .comment-list .comment-content {
    overflow: visible;
    margin-bottom: 20px; }

  .comments-area .comment-list .comment ol.children {
    padding-left: 0; }

  .author-bio_avatar {
    float: none;
    margin-right: 0; }

  .comments-area,
  .blog .hentry,
  .single .hentry,
  .author-bio,
  .related-posts {
    padding-left: 20px;
    padding-right: 20px; }

  ol.comment-list li.comment div.vcard img.avatar {
    float: none;
    margin-right: 0; }

  .portfolio-pagination ul.page-link {
    text-align: center;
    float: none;
    display: block; }

  .portfolio-pagination ul.page-link li {
    float: none;
    display: inline-block;
    vertical-align: top; }

  .portfolio-pagination .page-nav {
    float: none;
    display: block; }

  .portfolio-wrap .portfolio-container .portfolio-pagination .page-nav {
    padding: 10px 0 0 0; }

  .portfolio-wrap .portfolio-container .portfolio-pagination .page-nav a {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 8px; }
    .portfolio-wrap .portfolio-container .portfolio-pagination .page-nav a.next-page {
      float: right;
      margin-left: 0; }

  .portfolio-wrap .portfolio-container .portfolio-pagination ul.page-link li a {
    margin: 0 5px; }

  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.grid-layout-item .item-content {
    padding-left: 20px;
    padding-right: 20px; }
	#static-area-header-bottom { display:none ;}
	#pseudoStickyBlock , .pseudoStickyBlock{ display:none !important;}
	.contact-info{ min-height: 10px}
	 }
@media (max-width: 480px) {
	.inpField p {
  width: 100%;
}
  .carousel_2 .post-thumbnail {
    text-align: center; }

  .portfolio-wrap .portfolio-container .portfolio-pagination .page-nav {
    padding: 10px 10px 0; }

  .portfolio-wrap .portfolio-container .portfolio-pagination ul.page-link li a {
    width: 40px;
    height: 40px;
    line-height: 40px; }

  .portfolio-wrap .portfolio-container .portfolio-pagination .page-nav a {
    line-height: 45px; }

  .navigation.pagination .nav-links .page-numbers.current,
  .navigation.pagination .nav-links .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px; }

  .wpcf7 form .submit-wrap img.ajax-loader {
    display: block;
    margin: 10px auto; }

  .entry-thumbnail.alignleft,
  .entry-thumbnail.alignright {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px 0; }
	
	.service-page-img .alignright {
  display: block;
  margin: auto;
  max-width: 156px; float:none;
}

.tele-services > span {
  display: block;
  float: none;
  text-align: center;
  width: 100%;
}
.tele-services.marg-tp20 {
  margin-top: 30px;
}
}
/* Megamenu responsive
================================================== */

@media (max-width: 1100px) {
.puzzle-boxes{width:100%;}
.puzzles-yellow{width: 306px;}
.puzzles-blue{width: 242px; right: 0;}
.puzzles-red{top: 170px; width: 241px;}
.puzzles-green{right:0; top: 232px; width: 308px;}
.motopress-service-box-basic{min-height:465px !important;}

.installation-yellow{left:40px; top:20px;}
.installation-red{left:30px; top:280px;}
.installation-green{right:85px; top:305px;}

.box-heading h2{font-size: 28px; line-height:38px;}

.menu-primary a{padding-left:18px !important; padding-right:18px !important;}

.page_formate .intro-right{width:75%;}
.page_formate .intro-left{width:25%;}
}

@media (max-width: 1000px) {
.mainnbnrollout{overflow:scroll;}
.mainnbnrollout .rolloutminwidth{width:800px;}

.puzzle-boxes{width:570px;}
.puzzles-yellow{width:auto;}
.puzzles-blue{width: auto; right:0;}
.puzzles-red{top: 200px; width:auto;}
.puzzles-green{right:0; top: 275px; width:auto;}
.motopress-service-box-basic{min-height:585px !important;}
.puzzle-boxes p{margin-bottom:0;}
.motopress-service-box-content-section{float:left; width:100%;}

.installation-yellow{left:70px; top:46px;}
.installation-red{left:62px; top:347px;}
.installation-green{right:100px; top:366px;}
}

@media (max-width: 992px) {

.mobilewidth {margin: auto; max-width: 500px; position: relative;}
.motopress-service-box-content-section .logo-image {top: 43%;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub {padding: 30px;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li {padding: 40px 0 0; margin: 40px 0 0; float: none; width: auto; border-top: 1px solid #000;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li:before {display: none;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li:first-child {margin-top: 0; padding-top: 0; border: none;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap {margin-bottom: 30px;}
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap .post-thumbnail {float: left; padding: 0 30px 15px 0;}
#menu-primary > #menu-primary-items > .menu-item > a {padding: 0 16px 22px;} 
.entry-content .col-md-6{width:100%;}
.puzzle-boxes{margin:10px auto 0 auto; float:none;}

.motopress-image-obj{background:#fff; text-align:center;}
.box-heading h2{height:auto; font-size: 28px; margin-bottom:20px;}

input.search-field[type="search"]{width:100%;}
.widget_search .search-form{width:100%;}
.widget_search .search-form{margin-bottom:25px;}

.intro-section, .intro-section .intro-right, .mission_text{padding-left:0;}
.intro-section .intro-left{width:100%; text-align:center; margin-bottom:15px;}
.intro-section .intro-right, .mission_text, .value_text{width:100%;}
.specialise h2{font-size:19px; line-height:30px;}
ul.about-list{padding-left:0;}
ul.about-list li, ul.mission_value li{width:100%;}
.mission_img, .value_img{display:none;}
ul.mission_value li, .value_text{padding:0;}
ul.mission_value h2{font-size:20px;}
ul.about-list-2{padding:0;}
ul.about-list-2 li{width:100%; line-height:inherit;}

.page_formate{padding:0;}
.page_formate .intro-right{width:100%; padding:0;}
.page_formate .intro-left{width:100%; text-align:center;}
.page_formate h2{font-size:20px; line-height:29px;}
}


@media (max-width: 991px) {
#menu-primary > #menu-primary-items > .menu-item > a {padding: 0 7px 22px;}
.menu-item-has-children a::before {right: -11px;}
div.wpcf7 img.ajax-loader {display: block;}
.menu-primary > ul > li{ margin-left: 19px;}
.menu-primary a{padding-left: 5px !important; padding-right: 5px !important;}
}

@media (max-width: 767px) { 
div.wpcf7 img.ajax-loader {display: inline-block;}
.entry-content .col-md-6{width:100%;}
.puzzle-boxes{padding:10px;}
.puzzle-boxes{width:100%;}
.puzzle-boxes p{display:none;}
.puzzle-boxes{float:left; width:100%; text-align:center;}

.installation-yellow, .installation-blue, .installation-red, .installation-green{position:relative; float:left; width:100%; top:inherit; left:inherit; right:inherit; margin-bottom:15px; padding:20px 15px;}
.puzzles-yellow, .puzzles-blue, .puzzles-red, .puzzles-green, .puzzles-green{display:none;}

.installation-blue br:last-child, .installation-red br:last-child{display:none;}
.puzzles-green:last-child{margin-bottom:0;}

.puzzles-red-2{padding-right:0 !important;}
.puzzles-blue-2{padding-left:0 !important;}

.installation-yellow{background:#fadc00;}
.installation-blue{background:#0d93d6;}
.installation-red{background:#e7595d;}
.installation-green{background:#69c300;}
.motopress-service-box-basic{min-height:inherit !important; float:left; width:100%;}

.faq-headings input[type="text"]{width:100% !important; margin-bottom:3px;}
.page-content .search-form{width:100%;}
}

@media (max-width: 620px) {
#menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap .post-thumbnail {float: none; padding: 0 0 15px 0;} 
}
	  
@media (max-width: 480px) {
.cf_buttons input{ width:100%;}
.inpFieldsearch input[type="text"]{width:100%;}
#register-form .next-pre-div div, .btnmenu input[type="submit"]{width:100%;}
ul.btnmenu li{padding:0 !important; width:100%;}
.btnmenu input[type="submit"]{text-align:left;}
#register-form .next-pre-div div input[type="button"]{ text-align:left; margin-bottom:5px;}
.btn{text-align:left;}
.cherry-breadcrumbs .page-title{font-size:18px; line-height:27px;}

}

@media (max-width: 360px){
.motopress-service-box-content-section .logo-image {margin-top: -93px; position: absolute; right: 0; text-align: right; top: 48%;}
.puzzles-yellow, .puzzles-blue, .puzzles-red, .puzzles-green{font-size: 15px;}
.installation-blue br:last-child, .installation-red br:last-child{display:table;}
ul.about-list-2 li.relationship, ul.about-list-2 li.exceeding_customer{line-height: 20px;}
}


/*# sourceMappingURL=main-responsive.css.map */
