/* ==========================================================================
   RESPONSIVE FIXES
 ========================================================================== */ 

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width :1199px) {
  /*------------------------------------------*/
  /*    Back to Top Button
  /*------------------------------------------*/
  a.top { height:40px; width:40px; right:10px; bottom:50px; }

  /*------------------------------------------*/
  /*    Navbar with Login and Signup
  /*------------------------------------------*/
  .navbar-nav>li>a.btn-login { margin-left:100px; margin-right:10px; }

  /*------------------------------------------*/
  /*    Hero Closeup
  /*------------------------------------------*/
  .closeup-box img { width:100%; height:auto; }

  /*------------------------------------------*/
  /*  Content Dashboard
  /*------------------------------------------*/
  .content-dashboard .dash-left { margin-left:-500px; }

  /*------------------------------------------*/
  /*  Features Device
  /*------------------------------------------*/
  .features-device { padding-top:0; }

  /*------------------------------------------*/
  /*  Cta section
  /*------------------------------------------*/
  .cta .outline .lead { margin-top:0; }

  /*------------------------------------------*/
  /*  Testimonial Section
  /*------------------------------------------*/
  .testimonials .big-img-left blockquote p { padding-top:5px; }

  /*------------------------------------------*/
  /*  Video Section
  /*------------------------------------------*/
  .video .popup-text { padding-top:15px; }

  /*------------------------------------------*/
  /*  Pricing Section
  /*------------------------------------------*/
  .pricing-st .h2 { padding-top:0; }
	
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width :991px) {
	
	/*------------------------------------------*/
	/*    Typography
	/*------------------------------------------*/
	h1, .h1 { font-size:40px; line-height:46px; }
	h2, .h2 { font-size:32px; line-height:36px; }
	h3, .h3 { font-size:28px; line-height:32px; }
	h4, .h4 { font-size:26px; line-height:30px; }

	.lead { font-size:20px; line-height:24px; }

  /*------------------------------------------*/
  /*    Cols/Rows Spacing & Alignment
  /*------------------------------------------*/
  .c2 div[class^="col-md"]:nth-child(1), .c3 div[class^="col-md"]:nth-child(1), .c3 div[class^="col-md"]:nth-child(2), .c4 div[class^="col-md"]:nth-child(1), .c4 div[class^="col-md"]:nth-child(2), .c4 div[class^="col-md"]:nth-child(3) { margin-bottom:30px; }
  .c2.text-center div[class^="col-md"], .c3.text-center div[class^="col-md"], .c4.text-center div[class^="col-md"] { padding-left:110px; padding-right:110px; }
  .new-row-md { margin-top:30px; }
  .center-md { text-align:center; }

  /*--------------------------------------------------------------*/
  /*    Form Inline
  /*--------------------------------------------------------------*/
  .form-inline { padding-left:30px; padding-right:30px; }
  .form-inline .form-group, .form-inline .form-control, .form-inline.double-input .form-group, .form-inline.double-input .form-control, .form-inline button, .form-inline.double-input button { width:100%; margin-bottom:2px; }

  /*--------------------------------------------------------------*/
  /*    Show Navbar Toggle and Hide Navbar Menu, Bootstrap Fixes
  /*--------------------------------------------------------------*/
  .navbar-header { float:none; }
  .navbar-toggle { display:block; }
  .navbar-collapse { border-top:2px solid #E8E8E8; box-shadow:none; margin-top:15px; padding-left:0; padding-right:0; }
  .bg-color .navbar-collapse { border-top-color:#fff; }          
  .navbar-collapse.collapse { display:none!important; }
  .navbar-collapse.collapse.in { display:block!important; }
  .navbar-nav { float:none!important; margin:7.5px 0; }
  .navbar-nav>li { float:none; text-align:center; }
  .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; display:block; border-bottom:0px solid #E8E8E8; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
  .navbar-nav>li>a.btn-nav { border-bottom:none; }
  .bg-color .navbar-nav>li>a { border-bottom-color:#fff; }
  .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover  { background-color:transparent; }
  .navbar-nav>li>a.btn-nav { margin:10px 0 5px 10px; padding:10px 15px; display:inline-block; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }  

  /* Dropdown Menu */
  .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none; }
  .navbar-nav .open .dropdown-menu.multi-level { height:70px; overflow-y:scroll; }
  .navbar-nav .open .dropdown-menu>li>a { line-height:20px; display:inline-block; }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px; }

  /*-----------------------------------------------------------*/
  /*    Navbar Transparent
  /*-----------------------------------------------------------*/
  .navbar.bg-transparent { background-color:#fff; }
  .navbar.bg-transparent .logo-white { display:none; }
  .navbar.bg-transparent .logo-black { display:block; }
  .navbar.bg-transparent .navbar-nav>li>a { color:#404B55; }
  .navbar.bg-transparent .navbar-nav>li>a.btn-nav { color:#fff; }   

  /*-----------------------------------------------------------*/
  /*    Navbar-Only-Logo
  /*-----------------------------------------------------------*/
  .nav-onlylogo.navbar-static-top.bg-transparent { background-color:transparent; }
  .navbar.nav-onlylogo.bg-transparent .logo-white{ display:none; }
  .navbar.nav-onlylogo.bg-transparent .logo-black{ display:block; }

  /*------------------------------------------*/
  /*    Navbar with Login and Signup
  /*------------------------------------------*/
  .navbar-nav>li>a.btn-login, .navbar-nav>li>a.btn-signup { margin:10px 0 0 10px; display:inline-block; float:left; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:0; }
  .navbar-nav>li>a.btn-login, .navbar-nav>li>a.btn-signup { padding:10px 25px; }

  /*-----------------------------------------------------------*/
  /*    Navbar 3cols
  /*-----------------------------------------------------------*/
  .nav-3cols-logo { text-align:left; }
  .navbar.bg-transparent .nav-3cols { color:#404B55; }
  .navbar.bg-transparent .nav-3cols-logo .logo-white, .navbar.bg-transparent .nav-3cols-logo .logo-black { float:left; }

  /*-----------------------------------------------------------*/
  /*    Hero Section
  /*-----------------------------------------------------------*/
  .hero { text-align:center; }

  /*-----------------------------------------------------------*/
  /*    Hero-General
  /*-----------------------------------------------------------*/
  .hero, .hero.height-800 { height:600px; }

  /*-----------------------------------------------------------*/
  /*    Hero-Closeup
  /*-----------------------------------------------------------*/
  .closeup-box { display:none; }

  /*-----------------------------------------------------------*/
  /*    Hero Dashboard
  /*-----------------------------------------------------------*/
  .dashboard-box img { height:500px; }

  /*------------------------------------------*/
  /*  Hero Leadbox
  /*------------------------------------------*/
  .hero-leadbox .form-horizontal { margin-top:50px; }

  /*------------------------------------------*/
  /*  Hero Video Popup
  /*------------------------------------------*/
  .popup-box img { max-width:50%; }
  .popup-box .popup-button { left:43%; } 
  .big-popup i { font-size:120px; }
  .watch-video { display:block; margin-left:0; margin-top:15px; }

  /*------------------------------------------*/
  /*  Content Block
  /*------------------------------------------*/
  .content-block h2, .content-block .h2, .content-block .lead { text-align:center; }

  /*------------------------------------------*/
  /*  Content Dashboard
  /*------------------------------------------*/    
  .content-dashboard img { width:100%; height:auto; }
  .content-dashboard .dash-left { margin-left:0; }
    
  /*------------------------------------------*/
  /*  Content Split
  /*------------------------------------------*/
  .content-split .container { width:100%; padding-right:0; padding-left:0; }
  .content-split .img-block { position:static; height:450px; }
  .content-split .content-block { height:400px; text-align:center; padding-left:80px; padding-right:80px; }
    
  /*------------------------------------------*/
  /*  Content Spotlight
  /*------------------------------------------*/
  .spotlight-block>figure, .spotlight-block>figure>.img-wrap, .spotlight-block>.spotlight-text{ height:450px; }
  .spotlight-block>.spotlight-text{ padding-left:15px; padding-right:15px; margin-top:20px; }
  .spotlight-block.img-left>.spotlight-text:after, .spotlight-block.img-right>figure:after { width:0; }
  .content-spotlight .container-fluid { padding:0; }

  /*------------------------------------------*/
  /*  Content Grid
  /*------------------------------------------*/
  .content-grid > div { height:450px; overflow:hidden; margin-bottom:20px; }
  .content-grid > div:last-child { margin-bottom:0; height:600px; padding-right:15px; }
  .content-grid > div:first-child { padding-right:15px; }
  .content-grid .lead-block { padding:80px 40px; }
  .content-grid .img-block img { width:100%; height:auto; }
  .content-align-md .y-middle { display:block!important; }

  /*------------------------------------------*/
  /*  Features Block
  /*------------------------------------------*/
  .features-block h4 { margin-top:10px; margin-bottom:5px; }
  .features-list-img { padding-left:200px; padding-right:200px; }

  /*------------------------------------------*/
  /*  Features Dashboard4
  /*------------------------------------------*/
  .content-dashboard .features-block img { padding-bottom:20px; }

  /*------------------------------------------*/
  /*  Features Tab
  /*------------------------------------------*/
  .features-tab .tab-title { width:100%; border-top:1px solid #fff; padding:30px 15px; }
  .features-tab .tab-content { position:relative; right:0; top:0; width:100%; opacity:0; margin-top:0; height:0; overflow:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  .features-tab .tab-title.current + .tab-content { height:auto; opacity:1; padding:20px 15px; }

  /*------------------------------------------*/
  /*  Cta section
  /*------------------------------------------*/
  .cta .outline { text-align:center; margin-left:20px; margin-right:20px; }
  .cta .outline .lead { margin-bottom:20px; }
  .cta .outline.no-border { margin-left:0; margin-right:0; }

  /*------------------------------------------*/
  /*  Testimonial Section
  /*------------------------------------------*/
  .testimonials .carousel-indicators { bottom:-50px; }
  .testimonials .big-img-left blockquote { text-align:center; }
  .testimonials .big-img-left blockquote p { padding-top:15px; }
  .testimonials-twitter .twitter-row { margin-top:30px; }

  /*------------------------------------------*/
  /*  Video Section
  /*------------------------------------------*/
  .video { text-align:center; }
  .video h4 { margin-top:30px; margin-bottom:10px; }
  .video .popup-text { padding-top:0; }
  .video .popup-button.sm-popup { top:37%; left:43%; }

  /*------------------------------------------*/
  /*  Social Section
  /*------------------------------------------*/
  .twitter-feed ul>li { display:block; width:80%; float:none; margin:0 auto 10px; }
  .insta-grid .instagram-feed li, .insta-line .instagram-feed li { width:33.333333%; }
  .insta-grid .instagram-feed li:nth-of-type(n+10), .insta-line .instagram-feed li:nth-of-type(n+4) { display:none; }
  .insta-col .instagram-feed { margin-bottom:30px; }
  .insta-col .y-middle{ display:block!important; }

  /*------------------------------------------*/
  /*  Portfolio Section
  /*------------------------------------------*/
  .portfolio-grid li { width:50%; }
  .screenshots { text-align:center; }
  .screenshots .carousel { margin-top:50px; }

  /*------------------------------------------*/
  /*  Pricing Section
  /*------------------------------------------*/
  .pricing-3pf .details { margin-bottom:80px; }
  .pricing-st .h2 { padding-top:50px; }
  .pricing-sc .price { margin-bottom:30px; }
  .pricing-2p .info { margin-bottom:30px; }

  /*------------------------------------------*/
  /*  Team Section
  /*------------------------------------------*/
  .team .t2 { text-align:center; }
  .team .t2 h5 { margin-top:15px; }

  /*------------------------------------------*/
  /*  Miscellaneous Section
  /*------------------------------------------*/
  .funfacts i, .funfacts .counter { margin-bottom:5px; }
  .funfacts .counter-left{ float:none; display:block; margin-bottom:10px; margin-right:0; }
  .funfacts .counter-left i { float:none; }
  .funfacts .text.text-left { text-align:center; }
  .funfacts div[class^="col-md"]:nth-child(3) { margin-bottom:30px; }
  .timeline .event:before { left:0; top:-20px; color:#fff; font-weight:900; font-size:15px; content:attr(data-date); text-align:right; }
    
  /*------------------------------------------*/
  /*  Subscription Section
  /*------------------------------------------*/
  .subscription .sub-left { padding-top:0; padding-bottom:20px; }
  .subscription .form-inline .form-group { width:100%; }
  .subscription .features-devices { margin-bottom:50px; }
    
  /*------------------------------------------*/
  /*  Contact Section
  /*------------------------------------------*/
  .contact-left { text-align:center; }
  .contact-left .contact-info { margin-bottom:40px; }
    
  /*------------------------------------------*/
  /*  Footer Section
  /*------------------------------------------*/
  .footer.f5 .footer-links p, .footer.f5 .footer-links img { display:block; margin-right:0; }
  .footer.f5 .footer-links img { margin:0 auto; }
  .footer.f6, .footer.f7 { text-align:center; }
  .footer.f6 .footer-social, .footer.f6 .footer-links { margin-bottom:25px; }
  .footer.f7 .col-md-2 { margin-top:40px; }
  .footer.f7 .about .logo { border-right:transparent; }
  
  /*------------------------------------------*/
  /*  Blog Page
  /*------------------------------------------*/
  .pagination { margin-bottom:120px; }

  #info #testimonios blockquote { padding-bottom:40px; }
  #info #testimonios .carousel { padding-bottom:20px; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width :767px) {

  .desktop { display:none; }
  .mobile { display:block; }
  .t-cell > div { display:block; }

  .navbar-brand img { height:50px; }

  #hero9 { background-position:50% !important; }
  .hero-leadbox .form-horizontal { padding:20px 20px 10px; }  
  .hero-leadbox .btn-white { display:block; width:100%; }
  #cifras.p-y-lg { padding-top:60px !important; padding-bottom:60px !important; }

  #kit-promocional { padding-bottom:80px !important; }
  #kit-promocional .section-header { margin-bottom:20px; }
  #bodegon-carousel { height:auto !important; }
  #bodegon-carousel .carousel-inner-wrap { position:relative; top:auto !important; left:auto; width:100%; margin-left:0; text-align:center; }
  #bodegon-carousel .carousel-inner .item { padding-left:0; }
  #bodegon-carousel .carousel-inner .item-img { display:block; }
  #bodegon-carousel .carousel-inner .item-img img { display:inline-block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
  #bodegon-carousel .carousel-inner .item span { display:none; }
  #bodegon-carousel .carousel-inner .item h3 { border-color:#FFF; padding:10px 0 7px; }
  #bodegon-carousel .carousel-indicators { position:absolute; bottom:-50px; left:50%; width:80%; height:auto; padding-left:0; margin-left:-40%;  }
  #bodegon-carousel .carousel-indicators li { width:30px !important; height:30px !important; position:relative; top:auto !important; left:auto !important; background:transparent none !important; }
  #bodegon-carousel .carousel-indicators li:after { width:30px !important; height:30px !important; font-size:18px; line-height:26px; }

  #myverisure .appicon-wrap { display:inline-block; margin:0 auto 20px; }
  #myverisure .container { padding-top:10px; text-align:center; }
  #myverisure-carousel { width:80%; margin:20px auto 0; }
  #myverisure .appstores img { float:none; display:inline-block; margin:0 5px 30px; }

  #testimonios.p-y-lg { padding-top:60px !important; padding-bottom:60px !important; }
  #testimonios .section-header { margin-bottom:0; }
  #promo #testimonios figure { left:50%; margin-left:-36px }
  #promo #testimonios blockquote { padding:40px; }
  #testimonios blockquote:before, #testimonios blockquote:after { background-size:40px auto; }
  #promo #testimonios blockquote p { text-align:center; }

  #contactanos.p-y-lg { padding-top:60px !important; padding-bottom:60px !important; }
  #contactanos .mobile { display:block; }
  a.top.cotiza.fade-out, a.top.is-visible { display:none !important; }


  #remkt #hero9 { padding-top:110px !important; padding-bottom:60px !important; }
  #remkt #hero9 h1 { font-size:32px; line-height:1.1; margin:0; }
  #remkt #hero9 h1 br { display:none; }
  #remkt .hero-leadbox .form-horizontal { margin-top:30px; }

  .y-middle { display:block; }

  #promocion { background:#0072BC; margin:0; padding-top:60px !important; padding-bottom:60px !important; text-align:center; }
  #promocion .desktop { display:none; }
  #promocion .mobile { display:block; }
  #promocion h2 strong { display:block; font-size:40px; line-height:1.2; padding:20px 0; }
  #datos { padding-top:60px !important; padding-bottom:60px !important; } 
  .remkt-dato-img { padding:20px 0; overflow:hidden; }
  .remkt-dato-2 .remkt-dato-img { width:120%; margin-left:-10%; }
  .remkt-dato-nota h3 { font-size:22px; padding-top:10px; }

  #remkt #myverisure { padding-top:40px !important; }
  #remkt #myverisure h4 { margin:0 0 20px !important; }
  #remkt .appicon-wrap { float:none; }
  #remkt #myverisure .appicon { width:96px; height:96px; margin:0 auto 10px; }
  #remkt #myverisure .appstores { margin-top:-15px; }
  #remkt #myverisure-carousel .carousel-inner { top:3.4%; }

  #remkt .carousel-fade .carousel-inner .item { padding-top:36px; }
  #remkt #testimonios blockquote { padding:40px; border-radius:10px; }
  #remkt #testimonios blockquote:before { top:30px; left:20px; background-size:30px auto; }
  #remkt #testimonios blockquote:after { right:20px; background-size:30px auto; }
  #remkt #testimonios figure { top:0; left:50%; width:72px; height:72px; padding:1px; margin:-36px 0 0 -36px; }
  #remkt #testimonios blockquote p { font-size:16px; line-height:1.3; font-style:italic; text-indent:20px; }
  #remkt #testimonios blockquote cite { font-size:16px; line-height:1.3; text-align:right; padding-right:20px; }

  #remkt #listo { padding-top:60px !important; padding-bottom:60px !important; }

  #porque { text-align:center; }
  /*#porque ol { display:inline-block; text-align:left; margin:0 auto; }*/
  #porque ol { text-align:left; margin:0 20px; }
  #porque .plano { position:relative; top:auto; right:auto; margin-bottom:30px; }

  #info #video { text-align:center; padding-top:60px !important; padding-bottom:30px !important; }
  #info .video { margin:20px 0 0 0 !important; }
  #info .video img { margin-top:0; }

  #info #myverisure { padding-top:60px; }

  #info #testimonios { border-bottom:0px none; }
  #info #testimonios blockquote { padding:20px; border-radius:10px; }
  #info #testimonios blockquote:before { top:10px; left:0; background-size:30px auto; }
  #info #testimonios blockquote:after { bottom:20px; right:0; background-size:30px auto; }
  #info #testimonios figure { top:0; left:50%; width:72px; height:72px; padding:1px; margin:-36px 0 0 -36px; }
  #info #testimonios blockquote p { font-size:16px; line-height:1.3; font-style:italic; text-indent:20px; }
  #info #testimonios blockquote cite { font-size:16px; line-height:1.3; text-align:right; padding-right:20px; }

  #info #expertos { padding-top:60px; text-align:center; }
  #info #expertos:before { display:none; }
  #info .experto { width:60%; margin:20px auto 0; }

  /*----------------------------------------------------------------------*/
  /*    IMPORTANT!!! DISABLE WOW ANIMATION ON SMALL SCREENS (<768px)
  /*-----------------------------------------------------------------------*/
  .wow { visibility:visible !important; -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; -ms-animation:none !important;    animation:none !important; }

  /*------------------------------------------*/
  /*    Typography
  /*------------------------------------------*/
  h1, .h1 { font-size:36px; line-height:40px; }
  h2, .h2 { font-size:30px; line-height:34px; }
  h3, .h3 { font-size:26px; line-height:30px; }
  h4, .h4 { font-size:24px; line-height:28px; }
  h5, .h5 { font-size:18px; line-height:22px; }
  p { font-size:16px; line-height:20px; }
  .lead { font-size:18px; line-height:22px; }

  h2, .h2 { font-size:24px; line-height:28px; }
  h3, .h3 { font-size:22px; line-height:26px; }

  /*------------------------------------------*/
  /*    Cols Spacing
  /*------------------------------------------*/
  .c2 div[class^="col-sm"]:nth-child(1), .c3 div[class^="col-sm"]:nth-child(1), .c3 div[class^="col-sm"]:nth-child(2), .c4 div[class^="col-sm"]:nth-child(1), .c4 div[class^="col-sm"]:nth-child(2), .c4 div[class^="col-sm"]:nth-child(3) { margin-bottom:30px; }
  .c2.text-center div[class^="col-"], .c3.text-center div[class^="col-"], .c4.text-center div[class^="col-"] { padding-left:70px !important; padding-right:70px !important; }
  .new-row-sm { margin-top:30px; }
  .center-sm { text-align:center; }

  /*-----------------------------------------------------------*/
  /*    Navbar 3cols
  /*-----------------------------------------------------------*/
  .nav-3cols span{ display:none; }
    
  /*-----------------------------------------------------------*/
  /*    Navbar Dropdown
  /*-----------------------------------------------------------*/
  .navbar-nav .open .dropdown-menu.multi-level { height:auto; overflow-y:auto; }

  /*-----------------------------------------------------------*/
  /*    Navbar with Top Bar
  /*-----------------------------------------------------------*/
  .top-bar .schedule, .top-bar .contact-info, .top-bar .contact-info .phone{ display:block; float:none; text-align:right; font-size:13px; }
  .top-bar .schedule i, .top-bar .contact-info i { font-size:18px; }
  .top-bar .contact-info .phone{ margin-top:10px; }
  .top-bar .contact-info .email { display:none; }
  .top-bar .contact-info .phone span { display:inline-block; font-size:15px; font-weight:700; }
    
  /*-----------------------------------------------------------*/
  /*    Hero-Dashboard
  /*-----------------------------------------------------------*/
  .hero .dashboard-box { display:none; }

  /*------------------------------------------*/
  /*  Hero Devices
  /*------------------------------------------*/
  .hero.hero-devices .y-middle { display:block!important; }
  .hero.hero-devices h1, .hero.hero-devices img { padding-top:30px; }

  /*------------------------------------------*/
  /*  Hero Video Popup
  /*------------------------------------------*/
  .popup-box img { max-width:70%; }
  .popup-box .popup-button { left:43%; } 

  .popup-box .popup-button i { font-size:40px; padding:20px 22px 18px 31px; }

  /*-----------------------------------------------------------*/
  /*    Section Header
  /*-----------------------------------------------------------*/
  .section-header { margin-bottom:40px; }

  /*-----------------------------------------------------------*/
  /*    Content Split
  /*-----------------------------------------------------------*/
  .content-split .content-block { padding-left:45px; padding-right:45px; }
  .content-align-sm .y-middle { display:block!important; }
    
  /*------------------------------------------*/
  /*  Features Block
  /*------------------------------------------*/
  .features-block .fix-box { height:350px; }
  .features-list, .features-list.features-list-left { text-align:center; }
  .features-list { padding-left:60px; padding-right:60px; }
  .features-list-img { padding-left:100px; padding-right:100px; }

  /*------------------------------------------*/
  /*  Features Panel
  /*------------------------------------------*/
  .features-panels .nav-tabs.nav-justified>li { width:50%; display:inline-block; float:left; margin-bottom:10px; }

  /*------------------------------------------*/
  /*  Social Section
  /*------------------------------------------*/
  .twitter-feed ul>li { width:100%; }
    

  /*------------------------------------------*/
  /*  Portfolio Section
  /*------------------------------------------*/
  .screenshots .portfolio-grid li { width:33.33333%; margin:0; }

  /*------------------------------------------*/
  /*  Pricing Section
  /*------------------------------------------*/
  .pricing-sc .info { margin-left:15px; margin-right:15px; }
  .pricing-st .info { margin:0 auto; margin-bottom:40px; }
  .ticket-prices .item-price { height:auto; padding:10px; }
  .ticket-prices .item-price .amount { height:auto; width:auto; float:none; margin:0; line-height:44px; background-color:#fff; color:#56B68B; text-align:left; }

  /*------------------------------------------*/
  /*  Team Section
  /*------------------------------------------*/
  .team-list { margin-left:15px; margin-right:15px; }
    
  /*------------------------------------------*/
  /*  Blog Section
  /*------------------------------------------*/
  .blog .post-meta { margin-top:15px; }
    
  /*------------------------------------------*/
  /*  Miscellaneous Section
  /*------------------------------------------*/
  .countdown .timer { margin-left:10px; margin-right:10px; }
  .countdown .timer>div { font-size:40px; line-height:44px; font-weight:700; }
    
  /*------------------------------------------*/
  /*  Contact Section
  /*------------------------------------------*/
  .mini-info { margin-top:20px; }

  /*------------------------------------------*/
  /*  Footer Section
  /*------------------------------------------*/
  .footer.f1, .footer.f2, .footer.f3, .footer.f4, .footer.f6{ text-align:center; }
  .footer.f1 .footer-social { float:none; margin-top:40px; }
  .footer.f2 .footer-links { text-align:center; }
  .footer.f2 .footer-social { margin-top:30px; margin-bottom:30px; }
  .footer.f3 .footer-links, .footer.f3 .footer-social { text-align:center; margin-top:20px; }
  
  /*------------------------------------------*/
  /*  Pages Section
  /*------------------------------------------*/
  .page-head, .page-head .text-right { text-align:center; }
  .page-head.h-img .h2 { padding-top:60px; }

}




/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width :479px) {
  /*------------------------------------------*/
  /*    Cols Spacing
  /*------------------------------------------*/
  .c2.text-center div[class^="col-"], .c3.text-center div[class^="col-"], .c4.text-center div[class^="col-"] { padding-left:15px !important; padding-right:15px !important; }

  /*--------------------------------------------------------------*/
  /*    Form Inline
  /*--------------------------------------------------------------*/
  .form-inline { padding-left:0; padding-right:0; }

  /*--------------------------------------------------------------*/
  /*    Hero Section
  /*--------------------------------------------------------------*/
  .hero.height-800 { height:700px; }
    
  /*--------------------------------------------------------------*/
  /*    Hero Leadbox
  /*--------------------------------------------------------------*/
  .hero-leadbox .form-group.w-50 input{ display:block; width:100%; }
  .hero-leadbox .form-group.w-50 input:first-child { margin-bottom:15px; }

  /*------------------------------------------*/
  /*  Hero Video Popup
  /*------------------------------------------*/
  .popup-box .popup-button, .video .popup-button.sm-popup  { left:38%; }

  /*--------------------------------------------------------------*/
  /*    Section Header
  /*--------------------------------------------------------------*/
  .section-header span { display:inline-block; }
    
  /*-----------------------------------------------------------*/
  /*    Content Split - Grid
  /*-----------------------------------------------------------*/
  .content-split .content-block { padding-left:15px; padding-right:15px; }
  .content-grid .lead-block { padding:40px 15px; }

  /*--------------------------------------------------------------*/
  /*    Features List
  /*--------------------------------------------------------------*/
  .features-list { padding-left:0; padding-right:0; }
  .features-list-img { padding-left:50px; padding-right:50px; }

  /*------------------------------------------*/
  /*  Portfolio Section
  /*------------------------------------------*/
  .portfolio-grid li { width:100%; } 
    
  /*------------------------------------------*/
  /*  Pricing Section
  /*------------------------------------------*/
  .pricing-st .info { padding:45px 30px; }
    
  /*------------------------------------------*/
  /*  Social Section
  /*------------------------------------------*/
  .insta-line .insta-square { width:40px; height:40px; }
  .insta-line .insta-square i{ font-size:25px; }

  /*------------------------------------------*/
  /*  Contact Section
  /*------------------------------------------*/
  .contact .form-group.w-50 input{ display:block; width:100%; }
  .contact .form-group.w-50 input:first-child { margin-bottom:15px; }

  .hero-leadbox h1 br { display:none; }
  .hero-leadbox .form-horizontal { margin-top:20px !important; }
  .hero-leadbox .form-check .wpcf7-list-item > label { font-weight:400; font-size:90%; padding-left:20px; }

  #myverisure-carousel { width:100%; }

  #info #hero9 h1 { font-size:28px; line-height:1.1; margin: 0; }
  #info #hero9 p.m-b-md { margin-bottom:20px !important; }
  #info .hero-leadbox .form-horizontal h4, #info .hero-leadbox .form-horizontal p.m-b-md { text-align:center; }
  #info .hero-leadbox .form-horizontal h4 { font-size:18px; }

  #info #testimonios .video>div { height:240px; }
  #info #expertos .m-b-lg { margin-bottom: 30px !important; }
  #info .experto { width:80%; }

  #porque.p-y-lg { padding-top:60px !important; padding-bottom:60px !important; }
  #porque .plano { width:140%; margin: 0 -15% 10px -25%; }
  #porque .popover-title { display:block !important; position:relative; line-height:1.1; padding:10px 20px 6px; }
  #porque .popover-title .close { float:none; position:absolute; right:8px; top:4px; filter:alpha(opacity=50); opacity:.5; }
  #porque .popover-content .desc p { font-size:12px; }
  #porque ol { display:none !important; margin:0; }
  #porque ol > li { position:relative; margin-bottom:10px; padding-left:36px; }
  #porque ol > li:before { position:absolute; top:0; left:0; width:24px; height:24px; font-size:16px; line-height:22px; text-align:center; font-weight:900; color:#FFF; border:2px solid #FFF; border-radius:50%; background-color:transparent; content: counter(li-counter); counter-increment:li-counter; }

  #porque .popover { top:-20px !important; left:53.5% !important; margin-left:-155px !important; }
  
  #info #myverisure { padding-top:30px !important; }
  #info #myverisure-carousel .carousel-inner { top:10%; }

  .m_btn_video { width:64px; height:64px; margin-top:-32px; margin-left:-32px; }
  .m_btn_video:after { margin-top:-15px; margin-left:-10px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:28px solid #0072BC; }
}
