/*
Theme Name:     MS-Plan
Theme URI:      
Description:    Vlastná WordPress téma
Author:         Pavol Bobula  
URI:            http://www.pavolbobula.com 
Version:        1.2018
Text Domain:    ms-plan
*/



/*
font-family: 'Open Sans', sans-serif;
*/



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;    padding:0;    border:0;    font-size:100%;    vertical-align:baseline;}
body{line-height:1; }
ol, ul{list-style:none; }
blockquote, q{quotes:none; }
blockquote:before, blockquote:after, q:before, q:after{content:"";    content:none; }
table{border-collapse:collapse;     border-spacing:0; }
caption, th, td{font-weight:normal;     text-align:left; }
h1, h2, h3, h4, h5, h6{clear:both; }
html{overflow-y:scroll;    font-size:62, 5%;    -webkit-text-size-adjust:100%;    -ms-text-size-adjust:100%;}
a, a:hover, a:active, a:focus{outline:none;     text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block; }
audio, canvas, video{display:inline-block; }
audio:not([controls]){display:none; }
del{color:#333; }
ins{background:#4449c0;     text-decoration:none; }
hr { background-color: #343434; border: 0 none; height: 1px; margin: 1em 0 1.74em; }
sub, sup{font-size:75%;     line-height:0;     position:relative;     vertical-align:baseline; }
sup{top:-0.5em; }
sub{bottom:-0.25em; }
small{font-size:smaller; }
img{border:0;     -ms-interpolation-mode:bicubic; }
img, object, embed{max-width:100%; height:auto; }
img{-ms-interpolation-mode:bicubic; }
img.alignleft {float:left; }
img.alignright {float:right; }

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after{clear:both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after{display:table;  content:""; }
.align-right{text-align:right !important; }
.align-left{text-align:left !important; }
.align-center{text-align:center !important; }
.aligncenter{text-align:center !important; }
.fl{float:left !important; }
.fr{float:right !important; }
.cl-fl{clear:both; }
.hor-space-s{padding-top:1em }
.hor-space-m{padding-top:2em }
.hor-space-l{padding-top:3em }
em, i { font-style:italic; }
strong, b { font-weight:bold; }
/* some Responsive styles */
/* Responsive images */
.entry-content img, .comment-content img, .widget img{max-width:100%;
/* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"]{height:auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.header-image, img.wp-post-image{max-width:100%;    height:auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Images */
.alignleft{float:left;}


/* *********************************************************************************************************************************** */
/* ********************* Main Styling starts ****************************************************************************** */

html { margin-top:0 !important; }
html #wpadminbar { position:relative !important; }

a { color:#273039; transition:all ease 300ms; }
a:hover { color:#72acdc; }
html { 	background-color: #fff; height: 100%; display: block;}
body{ background-color:#fff; text-align:left; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0em; color:#273039; padding:0px; margin:0px; overflow: hidden; position: relative; height: auto; min-height: 100%;  }
p { font-family: 'Open Sans', sans-serif; padding: 0 0 1em 0; color: #273039; font-size: 16px; font-weight: 300; line-height: 1.45em; text-align: center; }
h3 { font-family: 'Open Sans'; color: #b9d875; font-weight: 700; font-size: 27px; line-height:1.25em; padding: 0 0 0 0; text-align: left; }
h4 { font-family: 'Open Sans'; color: #b9d875; font-weight: 700; font-size: 24px; line-height:1.25em; padding: 0 0 0.75em 0; text-align: left; }

.desktop { display:block; }
.mobile { display:none; }

#wpfront-scroll-top-container { display: none; position: fixed; cursor: pointer; z-index: 9999; right:20px; bottom:20px; }
#wpfront-scroll-top-container a { width:40px; height:40px; border-radius:50%; color:#b9d875 !important; background:transparent; line-height:38px; text-align:center; font-size:30px; display:block; 
  border:solid 2px #b9d875 }
#wpfront-scroll-top-container a:hover { opacity:1; color:#fff !important; background:#b9d875; }
/*************************
* General styles
* 
*
* font-family:'futuratregular'; font-weight:normal;   
* font-family: 'Roboto Condensed', sans-serif;
* COLORS
* dark blue   #17447b
* light blue  #009fe1
* light grey  #b9bec2
* dark grey  #273039
***************************/

#main-header { position: relative; background:#111; padding-bottom: 64px; }
.header-wrapper {}
.top_row-w { background:#fff; }
.top_row-i { padding:20px 0; position:relative;}
.top_row-logo { float:left;     display: block; width: 50%; max-width: 225px; }
.top_row-contact { position:absolute; width:75%; right:0; top:0; bottom:0; text-align:right; font-size:19px; font-weight:300; padding:0 0 0 0; }
.trct { display:table; width:100%; height:100%; }
.trcc { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.top_row-contact ul { float:right; }
.top_row-contact ul li { text-align:left; padding:0 0; margin:0 7px; float:left; overflow:hidden; }
.top_row-contact ul li > a { float:left; color:#b9d875; display:inline-block; width:50px; height:50px; line-height:50px; font-size:22px; color:#b9d875; border:solid 1px #f2f2f2;  text-align:center; }
.top_row-contact ul li > div:not(.cl-fl) { float: left; font-size: 14px; color: #818181; line-height: 1.25em; margin: 8px 0 8px 8px; }
.top_row-contact ul li > div a { color: #818181; }
.top_row-contact ul li > div a:hover { color: #111; }
.top_row-contact ul li > a:hover { color:#111;  border:solid 1px #111; }

.menu-wrapper { background: #111; bottom: 0; padding: 15px 0; left: 0; top: auto; z-index: 100; position: absolute; right: 0; box-sizing: border-box; transition: all ease 300ms; }
.menu-wrapper.fixed-header { padding: 10px 0; position: fixed; top:0; bottom:auto; }
.menu-inner { position:relative; }
.header-inner { background:#fff; }
.header-row { padding:20px 0; border-bottom:solid 1px #fff; }
.header-logo { float:left ; width:30%; transition:all ease 200ms; max-width:330px; }
.header-logo a { display:block; margin:0 0 0 0; transition:all ease 200ms; }
.header-logo a img { display:block; transition:all ease 200ms; }
.header-menu { text-align:center; }
.header-menu-tbl { display:table; height:100%; width:100%; }
.header-menu-cell { display:table-cell; height:100%; width:100%; vertical-align:bottom; }
#main-navigation {     float: none; display: inline-block; }
#main-navigation li { float:left; position:relative; margin:0 1px 0}
#main-navigation li:first-child a { margin-left:-12px; }
#main-navigation li a { font-weight:normal; color:#fff; display: block; font-size: 16px; font-weight: 700; padding: 7px 20px; text-transform: uppercase; border:solid 1px transparent; } 
#main-navigation li a:hover { color:#fff; border:solid 1px #fff;  }
#main-navigation li.nav-active > a { color:#fff; border:solid 1px #fff;  }
#main-navigation li > a.nav-active { color:#fff; border:solid 1px #fff;  }
.header-menu-cell { display:table-cell; height:100%; width:100%; vertical-align:bottom; }
#main-navigation .sub-menu { position:absolute; float:none; display:none; top:100%; left:0; background:rgba(0,0,0,0.85); padding:20px; }
#main-navigation .sub-menu li:first-child a { margin-left:-0; }
#main-navigation .sub-menu li a {  font-weight:normal; color:#b9bec2; display: block; font-size: 18px; font-weight: 400; padding: 10px 12px; text-transform: uppercase; white-space:nowrap; } 
#main-navigation .sub-menu li a:hover { color:#fff; }
#main-navigation .sub-menu li > a.nav-active { color:#009fe1; }
#main-navigation li:hover .sub-menu { display:block; }

.toggle-container { border-bottom:solid 1px #ebebeb; margin:0 0 10px 0; padding:0 0 10px 0; }
.toggle-container .h { font-weight:700; font-size:16px; line-height:1.2em; transition:all ease 250ms; cursor:pointer; }
.toggle-container .h:hover { color:#c3a234;  }
.toggle-container .h:before { content:"+"; display:inline-block; padding:0 0px 0 0; width:15px; font-weight:300; position:relative; color:#c3a234;}
.toggle-container.open .h:before { content:"-"; }
.toggle-container .c { display:none; font-weight:300; font-size:14px; line-height:1.33em; padding:10px 15px 0; }
.toggle-container .c p { text-align:left; font-weight:300; font-size:14px; line-height:1.33em; padding-bottom:1em; }
.toggle-container .c p:last-fo-type { padding-bottom:0; }

.banner-box { margin:80px 0; overflow: hidden; }
.banner-box-i { padding:50px; float:right; width:50%; background:rgba(0,0,0,0.65); color:#fff; }
.banner-box-i h2 { font-weight:500; color:#fff; font-size: 22px; line-height:1.25em; margin:0; padding:0 0 5px 0;  text-align:center; }
.banner-box-i h1 { font-weight:700; color:#fff; font-size: 40px; line-height:1.25em; margin: 0 0 20px 0; padding: 0 0 14px 0; text-align:center; position:relative; }
.banner-box-i h1:after {
    content: "";
    width: 50px;
    height: 5px;
    background: #b9d875;
    display: block;
    left: 50%;
    margin-left: -25px;
    padding: 0 0 0 0;
    font-weight: 300;
    position: absolute;
    top: 100%;
    color: #c3a234;
}
.banner-box-i p { font-weight:400; color:#fff; font-size: 23px; line-height:1.5em; margin:0; padding:0 0 20px 0; text-align:center; }  
.banner-box-i p:last-of-type { padding:0; }     
.banner-box-i p a.button { font-weight:700; border:solid 1px #b9d875; background:#b9d875; color:#fff; font-size: 18px; line-height:1em; margin:0; padding:1em 3em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; }
.banner-box-i p a.button:hover { font-weight:700; border:solid 1px #fff; background:#fff; color:#111; font-size: 18px; line-height:1em; margin:0; padding:1em 3em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; }

h2 { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:38px; letter-spacing:0em; color:#111; margin:0 0 20px 0; padding:0 0 14px 0; line-height:1.1em; position:relative;}
h2 strong{ color:#b9d875; font-weight:700; }
h2:after { content:""; width:50px; height:5px; background:#b9d875; display:block; left:50%; margin-left:-25px; padding:0 0 0 0; font-weight:300; position:absolute; top:100%; color:#c3a234;}

.page-template-default h1 { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:37px; letter-spacing:0em; color:#b9d875; margin:0 0 0 0; padding:0 0 0.75em 0; line-height:1.1em; position:relative; }
.page-template-default h2{ font-family: 'Open Sans', sans-serif; font-weight:700; font-size:32px; letter-spacing:0em; color:#111; margin:0 0 0 0; padding:0 0 0.75em 0; line-height:1.1em; position:relative; }
.page-template-default h2:after { display:none; }
.page-template-default h3 { font-family: 'Open Sans'; color: #111; font-weight: 700; font-size: 24px; line-height: 1.25em; padding: 0 0 0.75em 0; margin:0; text-align: left; }
.page-template-default p { text-align:left; }
.page-contents h1.page-title { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:37px; letter-spacing:0em; color:#111; margin:45px 0 0.75em 0; padding:0 0 0.75em 0; line-height:1.1em; position:relative; border-bottom:solid 1px #eee; }
.page-template-default ul { margin:0 0 1em 1em; padding:0 0 0 1em; }
.page-template-default ul li { text-align:left; font-family: 'Open Sans', sans-serif; padding: 0 0 1em 0; color: #273039; font-size: 16px; font-weight: 300; line-height: 1.45em; list-style-type:disc; }
.page-template-default hr { margin:0.7em 0 1em 0; color:#efefef; background:#efefef; }
.page-template-default a { font-weight:700; color:#b9d875; }
.page-template-default a:hover {  color:#111; }

body .main-contact-form { overflow:hidden; }
body .main-contact-form .wpforms-form .wpforms-field {  }
body .main-contact-form .wpforms-form .wpforms-field input[type=text] { font-size:16px; height:auto; font-weight:400; line-height:1em; width:100%; max-width:600px; padding:0.75em; border:solid 1px #ececec }
body .main-contact-form .wpforms-form .wpforms-field input[type=email] { font-size:16px; height:auto;  font-weight:400; line-height:1em; width:100%; max-width:600px; padding:0.75em; border:solid 1px #ececec }
body .main-contact-form .wpforms-form .wpforms-field textarea { height:auto;  font-family:'Open Sans';font-size:16px; font-weight:400; line-height:1em; width:100%; max-width:600px; padding:0.75em; border:solid 1px #ececec }
body .main-contact-form .wpforms-form .wpforms-field input[type=text]:focus { border-color:#111; }
body .main-contact-form .wpforms-form .wpforms-field input[type=email]:focus { border-color:#111; }
body .main-contact-form .wpforms-form .wpforms-field textarea:focus { border-color:#111; }

body .main-contact-form { overflow:hidden; }
body div.wpforms-container-full .wpforms-form button[type=submit] { font-weight:700; border:solid 1px #b9d875; background:#b9d875; color:#fff; font-size: 18px; line-height:1em; margin:0; padding:1em 3em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; transition:all ease 250ms; }
body div.wpforms-container-full .wpforms-form button[type=submit]:hover { font-weight:700; border:solid 1px #b9d875; background:#fff; color:#b9d875; font-size: 18px; line-height:1em; margin:0; padding:1em 3em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; }

.wpb_content_element.special-list { background: #fefefe; border: solid 2px #f1f1f1; border-radius: 10px; padding: 20px; display:inline-block; }
.wpb_content_element.special-list p strong { text-transform:uppercase; border-bottom:#eee; padding-bottom:10px; font-size:16px;}
.wpb_content_element.special-list ul { margin-left: 0; }
.wpb_content_element.special-list ul li { list-style-type: none; position: relative; font-size: 16px; line-height: 1.5em; margin-lefT: 0; padding: 0.5em 0 0.5em 30px; }
.wpb_content_element.special-list ul li:before { font-family: "FontAwesome"; content: "\f00c"; display: inline-block; color: #b9d875; left: 0; position: ABSOLUTE; padding-right: 8px; vertical-align: middle; }

.wpb_content_element.referencie-home p { color:#fff; }
.wpb_content_element.referencie-home p a.button { color:#fff; }
.wpb_content_element p a.button { font-weight:700; border:solid 1px #b9d875; background:#b9d875; color:#fff; font-size: 16px; line-height:1em; margin:0; padding:0.5em 2em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; transition:all ease 250ms; }
.wpb_content_element p a.button:hover { font-weight:700; border:solid 1px #b9d875; background:#fff; color:#b9d875; font-size: 16px; line-height:1em; margin:0; padding:0.5em 2em; text-align:center; display:inline-block; padding:; letter-spacing:0.1em; }

.content-area-inner h1.single-title { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:32px; letter-spacing:0em; color:#111; margin:0 0 20px 0; padding:0 0 14px 0; text-align:center; line-height:1.1em; position:relative;}
.content-area-inner h1.single-title strong{ color:#b9d875; font-weight:700; }
.content-area-inner h1.single-title:after { content:""; width:50px; height:5px; background:#b9d875; display:block; left:50%; margin-left:-25px; padding:0 0 0 0; font-weight:300; position:absolute; top:100%; color:#c3a234;}
.single-content-area { max-width:960px; margin:0 auto; text-align:center; width:90%; }
.single-post-block .page-contents { padding:50px 0; }



.footer_widgets-w { background:#111; padding:40px 0 40px; }
.footer_widgets-i {  text-align:center; }
.footer_widgets-logo { text-align: center; margin: 0 auto 25px; max-width:275px; }
.footer_widgets-contact {   }
.footer_widgets-contact {   text-align:center; }
.footer_widgets-contact ul { float:right; }
.footer_widgets-contact ul li { text-align:right; padding: 5px 0; }
.footer_widgets-contact ul li a { color:#b9bec2; font-size:20px; font-weight:300; }
.footer_widgets-contact ul li a i { color:#009fe1; }
.footer_widgets-contact ul li a:hover { color:#fff; }
.footer_widgets-contact ul li a:hover i { color:#009fe1; }

.contact-footer a { font-size:15px; line-height:30px; color:#747575; display:inline-block; padding:0 10px; }
.contact-footer a i { font-size:16px; line-height:30px; color:#b9d875 }
.contact-footer a:hover { color:#fff; }
.footer_widgets-description { padding:20px 0; }
.footer_widgets-description p { padding:0; font-size:20px; font-weight:400; text-align:center; line-height:1.45em; color:#b9bec2; }
.footer_widgets-i p { padding:0 0 0.75em 0; font-size:15px; font-weight:400; text-align:center; line-height:1.5em; color:#747575; }
.footer_widgets-description p a { color:#747575; }
.footer_widgets-description p a:hover { color:#b9d875; }
.footer_widgets-link p { padding:0; font-size:12px;  font-weight:400; text-align:center; line-height:1.45em; color:#747575; }
.footer_widgets-link p a { color:#b9d875; }
.footer_widgets-link p a:hover { color:#fff; }
.footer_widgets-social { text-align:center; padding: 0 0 25px 0; }
.footer_widgets-social a { display:inline-block; width:40px; height:40px; line-height:40px; font-size:20px; border:solid 1px #333434; border-radius:0; background:transparent; color:#b9d875; margin:0 5px; }
.footer_widgets-social a:hover { border:solid 1px #fff; background:transparent; color:#fff; }
/*
font-family:'futuratregular'; font-weight:normal;   
font-family: 'Roboto Condensed', sans-serif;

COLORS
dark blue   #17447b
light blue  #009fe1
light grey  #b9bec2
dark grey  #273039


*/

/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* The grid */                                                                     
.page-contents-i > .vc_row {
  margin-left: -0;
  margin-right: -0; 
}
body .vc_row {
    margin-left: 0;
    margin-right: 0;
}
.vc_row .vc_row.vc_inner {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 90%; */
    max-width: 1170px;
}
.page-contents-i > .vc_row > .vc_column_container > .vc_column-inner { box-sizing: border-box; padding-left: 0; padding-right: 0; width: 100%; }
.container{padding-left:1em; padding-right:1em; }
.row {width:100%; max-width:1170px; min-width:100px; margin:0 auto; box-sizing: border-box;}

.medium-row{ padding:0 40px; box-sizing:border-box; }
.intro-row { max-width:810px; box-sizing:border-box; }
.row-normal { max-width:1120px; }
.row > .row-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}          

/*overflow:hidden;*/

.desktop { display:block; }
.mobile { display:none; }
img, object, embed{max-width:100%; }
img{height:auto; }

.mobile-menu-icon { position:relative; text-align:left; }
.mmi-i { padding:0 0 0 0;}
#toggle-menu { color: #fff; font-size: 35px; display: inherit-block; line-height: 40px; padding: 10px; margin:-10px; transition: all 250ms linear 0s; }      
.menu-wrapper.stick #toggle-menu { color: #111; }
#toggle-menu i { }
#toggle-menu img { display:block; }
#toggle-menu:hover, #toggle-menu:active { border-color: #b9d875; color:#b9d875; }
.mobile-menu { position:absolute; width:100%; top:100%; left:0; right:0; z-index:999; display:none; background:rgba(0,0,0,0.9); }
.mobile-menu-inner { margin:0 15px; }
.mobile-menu-inner ul#main-navigation { display:block; padding:15px 0; float:none; margin:0; float: none; text-align: center; width: 100%; display: block;  }
.mobile-menu-inner ul#main-navigation li:first-child a { margin-left: -0; }
.mobile-menu-inner ul#main-navigation a { font-size:16px; color:#fff; } 
.mobile-menu-inner ul#main-navigation a.nav-active { color:#009fe1 }
.menu-wrapper.stick .mobile-menu-inner #main-navigation li:last-child a {
    margin-right: 0;
}
.mobile-menu-inner ul li { width:100%; }
.mobile-menu-inner ul li a{ display:block; border-bottom:solid 1px #555;   }
.mobile-menu-inner ul#main-navigation > li {  float:none; background-color:transparent; }
.mobile-menu-inner ul#main-navigation > li:last-child a{ display:block; border-bottom:none; }
.mobile-menu-inner ul.sub-menu { display:none; background: transparent none repeat scroll 0 0 !important; box-sizing: border-box; display: block; padding: 10px; }
.mobile-menu-inner ul.sub-menu li { margin:0 !important; }
.mobile-menu-inner ul.sub-menu li a { border-bottom:1px solid #212121; }
.mobile-menu-inner li.current-menu-item ul.sub-menu li a { background: #404f89 }
.mobile-menu-inner ul.sub-menu li:hover > a { color:#72acdc }
.mobile-menu-inner ul#main-navigation a:hover { color: #72acdc;  }
.mobile_row-contact { display:none; }

@media only screen and (min-width: 1281px) {

}
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
  .row { padding:0 20px; }
  .home_banner-boxed-content { max-width: 600px; margin-left: 45px; }
  #main-navigation li a { font-size: 17px; font-weight: 400; padding: 10px 9px; text-transform: uppercase; }
}

@media only screen and (max-width: 1024px) {
  .desktop { display:none; }
  .mobile { display:block; }
  
  
  .header-menu { float: right; width: 50%; text-align: right; }
  .mobile-menu-icon { position: relative; text-align: right; }
  .header-social { float: left; width: 20%; text-align: left; padding: 5px 0 0 0; }
  .header-social a { margin:0 5px 0 0; }
  .menu-wrapper.stick { height: auto; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); }
  .menu-wrapper.stick .header-menu {
    right: 0;
    bottom: 0;
    top: auto;
    position: absolute;
    /* position: relative; */
    width: 40px;
    text-align: right;
    /* top: 50%; */
    /* margin-top: 50%; */
    transform: translateY(0);
}
  .banner-box-i { padding: 50px; box-sizing: border-box; float: none; width: 100%; background: rgba(0,0,0,0.65); color: #fff; }
  .menu-wrapper.stick .mobile_row-contact { display:block; text-align:center; margin:0 0 20px 0;}
  .mobile_row-contact ul li { text-align: right; display: inline-block; padding: 3px 10px; }
  .mobile_row-contact ul li a { font-size:15px; color:#b9bec2; font-weight:300; }
  .mobile_row-contact ul li a i { color:#009fe1; }  
  .top_row-logo { float: none; width: 25%; text-align: center; max-width: 25%; margin: 0; }
  .top_row-contact ul { float: right; }
  .row { padding: 0 20px; }
  .home_banner-boxed-content { max-width: 80%; width: 600px; margin: 0 auto; }
  .menu-wrapper.stick .mobile-menu-inner #main-navigation { float: right; text-align: center; width: 100%; display: block; }
  .menu-wrapper.stick .mobile-menu-icon { position:relative; text-align:right; }
  .menu-wrapper.stick .menu-inner-logo {     float: left; width: 40%; max-width: 125px; display: block !important; }
  .service-each-i { 
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: space-around; }
  .service-each .service-each-description { order:2; width:100%; float:none; padding:0 5% 40px; }
  .service-each .service-each-image { order:1; width:100%; float:none; }
  .service-each-description { width: 1000%; text-align: center; position: relative; float: left; transform: translateY(-0%); top: 0; margin-top: 0%; }
  .service-each-description,
  .service-each-description p { text-align:center; }
  .service-each-description h2 { text-align:center; }  
  .service-each.right-img .service-each-description { padding-right: 5%; }
  .service-each.left-img .service-each-description { padding-left: 5%; }
  .service-each.right-img {}
  .service-each.right-img .service-each-description { float:right; width:100%; }
  .service-each.right-img .service-each-image { float:left; width:100%; }  


}  /* EOF max-width: 1024px */

/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { */
@media only screen 
and (max-width : 801px) { 
  .section-icon-each { float: none; width: 100%; border-bottom:2px solid #f5f5f5; padding-bottom:40px; }
  .section-icon-each.last { float: none; width: 100%; border-bottom:0 solid transparent; }
  .section-icon-each-i { padding:0 5%; }
  .section-icons .line-1,
  .section-icons .line-2 { display:none !important; }
  .top_row-contact { position:relative; width:100%; }
  #introduction .vc_col-sm-4 { width: 100%; }
    .top_row-logo { float: none; width: 25%; text-align: center; max-width: 25%; margin: 0 auto 15px auto; }
  .top_row-contact ul { float: none; }
  

}

@media only screen and (max-width : 668px) { 
  .home_banner-boxed-content-i h2 { text-align: center; font-size: 21px; }
  .home_banner-boxed-content-i a.button { background: #009fe1; padding: 0.75em 1em 0.7em; font-size:16px; }
  .service-each-description h2 { font-size: 30px; }
  .header-menu {   }  
  .header-social {  width:50%; }
  .top_row-contact ul li { text-align: center; display: block; width: 100%; overflow: hidden; margin: 0 auto; padding: 5px 10px; }  
  .banner-box-i h1 { font-weight: 700; color: #fff; font-size: 32px; ()
.top_row-contact ul li > a {
    float: none;
    color: #b9d875;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #b9d875;
    border: solid 1px #f2f2f2;
    text-align: center;
}  
.top_row-contact ul li > div:not(.cl-fl) {
    float: none;
    font-size: 14px;
    display: inline-block;
    color: #818181;
    width: auto;
    line-height: 1.25em;
    margin: 8px 0 8px 8px;
}
  .top_row-logo { float: none; width: 100%; max-width: 240px; text-align: center; margin: 0 auto 20px; } 
  .top_row-contact ul { float: none; }
  .top_row-contact ul li { text-align: left; display: inline-block; padding: 5px 10px; overflow: hidden; width: 240px; }
  .top_row-contact ul li a { font-size:15px; }
}

@media only screen and (max-width: 420px) {   
  
}

@media only screen and (max-width: 380px) {

}
@media only screen and (max-width: 340px) {

}