/*--------------------------------------------------
Terranova Software
website by websolute
--------------------------------------------------*/


/*--------------------------------------------------
Utilities
--------------------------------------------------*/
body {background:#f1f1f1; font-family: 'Roboto', sans-serif; line-height:1.3; color:#292a2a;  z-index:1; position:relative;}
img[height^="0"], img[height*="0"] { display: block; }
.wrapper {max-width:1800px; background:#fff; margin:0 auto; position:relative; z-index:1; top:100px;}
a:hover {text-decoration:none;}
.light-blue {background:#e7edf5;}
.dark-blue {background:#c6d4e6;}
.bg-pallini {background-image:url(../img/bg-pallini.png); background-position:bottom center; background-repeat:no-repeat;}
.bg-pallini-up {background-image:url(../img/bg-pallini-up.png); background-position:top center; background-repeat:no-repeat;}
.pad-m {padding:100px 0;}
.pad-s {padding:0px 0 20px 0;}
.cta {display:inline-block; text-transform:uppercase; padding:20px 40px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; margin:20px 10px 20px 0;}
.cta.primary {border:none; background:#e7edf5;}
.third {float:left; width:33.3333%;}
.fouth {float:left; width:25%;}
.fl {float:left;}
button.cta {display:inline-block; text-transform:uppercase; padding:10px 15px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; background:transparent; margin:-10px 0 0 10px;}
#dropdownMenu1 {border:none;background:transparent; padding-top:0; padding-bottom:0;}
.reserved-area a {color:#292a2a; display:inline-block; margin-top:2px; padding:0 20px;}
.article img {max-width:100%;}
.header .form-control {font-size:13px; height:30px;}
.fancybox-close { background: #fff url(close.png) no-repeat center !important;}

/* SM */
@media (min-width:768px) and (max-width:991px) {
    .cta {display:inline-block; text-transform:uppercase; padding:10px 20px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; margin:15px 10px 15px 0;}
    button.cta {display:block; text-transform:uppercase; padding:10px 15px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; background:transparent; margin:10px 0 0 0px;}
    .pad-m {padding:50px 0;}
    .fouth {float:left; width:50%;}
    .fouth:nth-child(2n+1) {clear:both;}
}
/* XS */
@media (max-width:767px) {
    .cta {display:inline-block; text-transform:uppercase; padding:10px 20px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; margin:15px 10px 15px 0;}
    button.cta {display:inline-block; text-transform:uppercase; padding:10px 15px; border:2px solid #114895; font-size:14px; color:#114895; font-weight:500; letter-spacing:1px; background:transparent; margin:-10px 0 0 10px;}
    .pad-m {padding:30px 0;}
    .third {float:none; width:100%;}
    .fouth {float:none; width:100%;}
    .fl { width: 100%; }
    .fl button.cta { margin: 0; }
}

/*--------------------------------------------------
Showreel Trilance
--------------------------------------------------*/
.trilance {margin-bottom:70px;}
.trilance > div {position:relative; z-index:1;}
.trilance > div .txt {position:absolute; z-index:2; top:50px; left:20%;}
.trilance > div .txt h2 {color:#114895; font-size:30px; font-weight:100;}
.trilance .slick-dots {bottom:-45px;}
.trilance .slick-dots li button::before {font-size: 9px; color:#034990;}

.trilance.fascia-azienda { margin-bottom:0; }
.trilance.fascia-azienda > div .txt .wrap-cont { padding: 20px 20px; background-color: rgba(255, 255, 255, 0.6); }
.trilance.fascia-azienda > div .txt .wrap-cont h2 { font-size: 48px; margin-bottom: 20px; font-weight: 500; }
.trilance.fascia-azienda > div .txt .wrap-cont h3 { color: #114895; font-size: 28px; font-weight: 100; }

/* MD */
@media (min-width:992px) and (max-width:1199px) {
    .trilance.fascia-azienda > div .txt .wrap-cont h2 { font-size: 36px; }
    .trilance.fascia-azienda > div .txt .wrap-cont h3 { font-size: 24px; }
}

@media (min-width:768px) and (max-width:991px) { .trilance > div .txt {position:absolute; z-index:2; top:20px; left:2%;}
    .trilance > div .txt h2 {color:#114895; font-size:20px; font-weight:100;}
    .trilance.fascia-azienda > div .txt .wrap-cont h2 { font-size: 36px; }
    .trilance.fascia-azienda > div .txt .wrap-cont h3 { font-size: 24px; }
}

@media (max-width:767px) {
    .trilance > div .txt {position:relative; z-index:2; top:0; left:0; text-align:center;}
    .trilance > div .txt h2 { font-size: 18px; font-weight: 100; margin-top: 20px; }
    .trilance.fascia-azienda { margin-bottom: 60px; }
    .trilance.fascia-azienda > div .txt .wrap-cont h2 { font-size: 26px; margin-top: 20px; }
    .trilance.fascia-azienda > div .txt .wrap-cont h3 { font-size: 20px; }
}
    

/*--------------------------------------------------
Prodotti
--------------------------------------------------*/
.scheda_sx {width:100%;}
.intro_prodotto div.txt_prodotto {float: left; width: 100%;}
.tooltip {opacity:1; position:relative; text-align:center;}

/*--------------------------------------------------
Header
--------------------------------------------------*/
.header { padding: 20px 0; background: #fff; position: relative; z-index: 10; border-bottom: 1px solid #E6E9ED; position:fixed; z-index:10000; top:0; left:0; width:100%; }
.header .logo {margin-top:25px;}
.search-form {position:relative; z-index:1; margin-top:-10px;}
.search-form .form-control {border:none; box-shadow:none; border-bottom:1px solid #292a2a; border-radius:0;}
.search-form button {border:none; position:absolute; z-index:1; right:0; top:3px;}

/* XS */
@media (max-width: 767px) {
    .header {padding:10px 0;}
    .header .logo {margin-top:5px;}
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .header .logo {width:150px;}
    .header .logo img {height:auto;}
} 
/*--------------------------------------------------
Navbar
--------------------------------------------------*/
#menu ul > li { position: relative; z-index: 10; }
#menu ul > li > a { font-size: 20px; line-height: 20px; font-weight: 300; text-transform: uppercase; color: #292a2a; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 0; bottom: -3px; z-index: 1; background: none; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
#menu ul > li > a:hover, #menu ul > li.active a, #menu ul > li:hover a { color:#777; }
#menu ul > li > ul { display: none; position: absolute; list-style: none; margin: 0; padding: 0; width: 210px; background: #F5F7FA; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-bottom-color: transparent; border-radius: 3px !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); z-index: 1; border-top: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#menu ul > li:hover { z-index: 11; }
#menu ul > li:hover > ul { z-index: 10; display: block; }
#menu ul > li > ul > li { background: none; border: none; border-top: 1px solid #E6E9ED; display: block; }
#menu ul > li > ul > li > a { display: block; line-height: 18px; padding: 13px 20px; color: #777 !important; text-transform: uppercase; white-space: normal; font-size: 13px; border: none; border-radius: 0; }
#menu ul > li > ul > li > a:hover, #menu ul > li > ul > li.active > a:hover { color:#777; }
#menu ul > li > ul > li > ul { left: 100%; top: 0; z-index: 0; border-bottom-left-radius: 0; }
/* serach form */
#menu li.dropdown-search-box > ul { right: 0; width: auto; }
#menu li.dropdown-search-box .search { position: relative; white-space: nowrap; }
#menu li.dropdown-search-box .search input[type="search"] { background: #FFF; padding-right: 40px; border-radius:0; }
#menu li.dropdown-search-box .search .btn-submit { position: absolute; right: 19px; top: 4px; padding:1px 6px; }
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    .logo img { height: 50px; }
    #menu ul > li > a { padding: 7px 17px; font-size:14px; }
}
/* XS */
@media (max-width: 767px) {
    #menu { display: none; }
}


/*--------------------------------------------------
Menu Mobile
--------------------------------------------------*/
#menu-mobile { display: none; text-align: right; }
.navbar-toggle { margin: 0px -5px 0 0; padding: 0; color: #777; }
.navbar-toggle .fa { font-size: 30px; }
.navbar-toggle span { display: block; font-size: 10px; margin-top: -4px; line-height: 1; }
#nav-mobile { position: fixed; z-index: 100; top: 60px; left: 0; width: 100%; background: #f5f7fa; height: 100%; text-align: left; padding: 0 10px; text-transform: uppercase; font-size: 14px; z-index: 1000; overflow: hidden; height: 0; }
.open-mobile #nav-mobile { overflow-y: auto; overflow-x: hidden; }
#nav-mobile .nav li { border-bottom: 1px solid #e6e9ed; margin-top: -1px; }
#nav-mobile .nav li > a { color: #777; display: block; padding: 15px 0; }
#nav-mobile .nav li > a:hover { background: none; color: #777; }
#nav-mobile .nav li ul { display: block; margin: 0; padding: 0; list-style: none; border-top: 1px solid #e6e9ed; font-size: 13px; }
#nav-mobile .nav li > ul > li > a { padding: 15px; color: #9b879c; }
#nav-mobile .nav li > ul > li > a:hover { color: #fff; background-color: #777; }
#nav-mobile .nav li > ul > li > ul > li > a { padding: 15px 15px 15px 30px; color: #9b879c; }
#nav-mobile .nav li > ul > li > ul > li > a:hover { color: #fff; background-color: #777; }
/* serach form */
#nav-mobile > ul { right: 0; width: auto; }
#nav-mobile .search { position: relative; white-space: nowrap; }
#nav-mobile .search input[type="search"] { background: #FFF; padding-right: 40px; border-radius:0; }
#nav-mobile .search .btn-submit { position: absolute; right: 18px; top: 13px; padding: 2px 7px; }
/* social media */
#nav-mobile .social-media { border-top: 1px solid #e6e9ed; padding-top: 10px; }
#nav-mobile .social-media a { color: #536a7f; font-size: 20px; padding: 5px 10px; width: 40px; height: 40px; font-size: 14px; color: #fff; }
/* XS */
@media (max-width: 767px) {
    #menu-mobile { display: block; }
}


/*--------------------------------------------------
Hp-slider
--------------------------------------------------*/
.hp-slider > div {position:relative; z-index:1;}
.hp-slider .txt {top:25%; color:#fff; position:absolute; z-index:2; width:100%; display:none;}
.hp-slider .txt h1 {text-transform:uppercase; font-size:70px; font-weight:600;}
.hp-slider .txt p {font-size:36px; font-weight:300;}
.hp-slider .txt a.cta {display:inline-block; text-transform:uppercase; padding:20px 40px; border:1px solid #fff; font-size:14px; margin:20px 0; color:#fff;}
.hp-slider .slick-dots {bottom: -55px;}
.hp-slider .slick-dots li button::before {font-size: 9px; color:#034990;}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
    .hp-slider .txt {top:12%;}
    .hp-slider .txt h1 {font-size:50px; font-weight:600;}
    .hp-slider .txt p {font-size:26px;}
    .hp-slider .slick-dots {bottom: -45px;}
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .hp-slider .txt {top:13%;}
    .hp-slider .txt h1 {font-size:30px; font-weight:600;}
    .hp-slider .txt p {font-size:20px;}
    .hp-slider .slick-dots {bottom: -35px;}
    .hp-slider .txt a.cta {display:inline-block; text-transform:uppercase; padding:10px 20px; border:1px solid #fff; font-size:14px; margin:15px 0; color:#fff;}
}
/* XS */
@media (max-width:767px) {
    .hp-slider .txt h1 {text-transform:uppercase; font-size:20px; font-weight:600;}
    .hp-slider .txt p {display:none;}
.hp-slider .txt a.cta {display:none;}
}
    
/*--------------------------------------------------
Hero
--------------------------------------------------*/
.light-blue h2 {font-size:50px; margin-bottom:50px; font-weight:500; color:#034990;}
.hero {font-size:30px; line-height:50px; font-weight:300; padding:120px 0; background-size:cover!important;}
.hero.txt-small {font-size:20px; line-height:30px; font-weight:300; padding:120px 0;}


/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .hero {padding:50px 0; font-size:20px; line-height:35px;}
}
/* XS */
@media (max-width:767px) {
    .hero {padding:30px 0; font-size:15px; line-height:25px;}
}

.product-category h3 {padding:20px; font-size:22px; color:#034990;}
.product-category .link {font-style:italic;}
.product-category .col-md-3:hover {opacity:0.8;}

/*--------------------------------------------------
Filters
--------------------------------------------------*/
.clickers {padding-top:20px;}
.clickers span {color:#96a8ba;border:2px solid #e7edf5; padding:15px 30px; font-size:13px; text-transform:uppercase; font-weight:700; cursor:pointer;}
.clickers span.on {color:#034990; border:2px solid #034990; padding:15px 30px; cursor:auto;}
.filtering {margin-top:60px;}
.filtering a {font-size:30px; padding:20px 30px; display:inline-block; font-weight:100; color:#034990; -webkit-transition: all 500ms; transition: all 500ms;}
.filtering a:hover {-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);  -webkit-transition: all 500ms; transition: all 500ms;}


/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .filtering a {font-size:20px; padding:15px 20px;}
}
/* XS */
@media (max-width:767px) {
    .clickers span {padding:10px; font-size:12px; display:block; margin-bottom:20px;}
    .clickers span.on {padding:10px;}
    .filtering {margin-top:30px;}
    .filtering a {font-size:15px; padding:10px 15px;}
}


/*--------------------------------------------------
Divider
--------------------------------------------------*/
.divider {padding:100px 0;}
.divider.basso {padding:50px 0;}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .divider {padding:50px 0;}
}
/* XS */
@media (max-width:767px) {
    .divider {padding:30px 0;}
}


/*--------------------------------------------------
Informazioni
--------------------------------------------------*/
.infos {font-size:26px;font-weight:100;}
.infos strong {font-size:32px; font-weight:500; margin-bottom:10px;}
.infos .link {margin-top:30px;}
/* XS */
@media (max-width:767px) {
    .infos {font-size:20px;font-weight:100;     padding: 0 15px;}
.infos strong {font-size:22px; font-weight:500; margin-bottom:10px;}
.infos .link {margin-top:20px;}

}


/*--------------------------------------------------
Video
--------------------------------------------------*/
.videobox {color:#fff; padding:100px 0 120px 0;}
.tit {font-size:50px; font-weight:500; margin-bottom:20px;}
.abs {font-size:26px; font-weight:100; margin-bottom:40px;}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .tit {font-size:35px; font-weight:500; margin-bottom:20px;}
    .abs {font-size:20px; font-weight:100; margin-bottom:40px;}
}
/* XS */
@media (max-width:767px) {
    .videobox {color:#fff; padding:50px 0;}
    .tit {font-size:30px; font-weight:500; margin-bottom:20px;}
    .abs {font-size:20px; font-weight:100; margin-bottom:40px;}
}


/*--------------------------------------------------
Plaintxt
--------------------------------------------------*/
.plaintxt {color:#505052; padding:140px 0;}
.plaintxt h1 {font-size:50px; margin-bottom:50px;}
.plaintxt .abs {font-size:26px; font-weight:500;line-height:40px; margin-bottom:20px;}
.plaintxt .txt {font-size:20px; font-weight:100; line-height:36px;}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .plaintxt {color:#505052; padding:50px 0;}
    .plaintxt h1 {font-size:30px; margin-bottom:30px;}
    .plaintxt .abs {font-size:20px; font-weight:500;line-height:30px; margin-bottom:20px;}
    .plaintxt .txt {font-size:15px; font-weight:100; line-height:22px;}
}
/* XS */
@media (max-width:767px) {
    .plaintxt {color:#505052; padding:30px 0;}
    .plaintxt h1 {font-size:30px; margin-bottom:30px;}
    .plaintxt .abs {font-size:20px; font-weight:500;line-height:30px; margin-bottom:20px;}
    .plaintxt .txt {font-size:15px; font-weight:100; line-height:22px;}

}

/*--------------------------------------------------
Newslist
--------------------------------------------------*/
.newslist {padding-bottom:120px;}
.newslist .date, .sub {color:#8896a4; font-size:15px; display:block; margin-bottom:20px;}
.newslist .news {padding:40px 90px;}
.newslist .tit {font-size:26px; line-height:36px; color:#292a2a; font-weight:400;}
.newslist .abs {font-size:15px; line-height:24px; margin-top:20px; margin-bottom:30px; display:block;}
.newslist .link {font-weight:500; color:#034990; display:block;}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
    .newslist .news {padding:20px;}
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .newslist {padding-bottom:50px;}
    .newslist .news {padding:20px;}
    .newslist .tit {font-size:20px; line-height:30px; color:#292a2a; font-weight:400;}
    .newslist .abs {font-size:13px; line-height:20px; margin-top:10px; margin-bottom:20px; display:block;}
}
/* XS */
@media (max-width:767px) {
    .newslist {padding-bottom:30px;}
    .newslist .news {padding:20px;}
    .newslist .tit {font-size:20px; line-height:30px; color:#292a2a; font-weight:400;}
    .newslist .abs {font-size:13px; line-height:20px; margin-top:10px; margin-bottom:20px; display:block;}
}


/*--------------------------------------------------
Loghi
--------------------------------------------------*/
.loghi img {margin:30px auto;}
.loghi .link {margin-top:50px;}


/*--------------------------------------------------
Contatti
--------------------------------------------------*/
.form-contatti {padding-bottom:70px;}
.form-contatti .form-control { border-radius: 0; border: none; background: #eaeaea; box-shadow: none; }
.form-contatti li.check_list {margin-right:20px; display:inline-block; margin-top:10px;}
.form-contatti li.check_list label, .form-contatti li.check_list input {margin-right:5px; display:inline-block;} 


/*------------
Google Map
------------*/
#map-button .smaller { display: none; }
.gmap { height: 0; width: 100%; position: relative; z-index: 2; padding-bottom: 25%; }
#googlemap { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
div.map-popup { position: relative; padding: 15px 10px 20px 10px; text-align: center; }
div.map-popup img { margin-bottom: 10px; }
div.map-popup h2 { margin-bottom: 20px; }
div.map-popup p { font-size: 0.9em; }
div.map-popup p:last-child { margin-bottom: 0; }
/* MD */
@media (min-width:992px) and (max-width:1199px) {
    .gmap { padding-bottom: 40%; }
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .gmap { padding-bottom: 60%; }
}
/* XS */
@media (max-width:767px) {
    .gmap { padding-bottom: 80%; }
}


/*--------------------------------------------------
article
--------------------------------------------------*/
.breadcrumb {margin-top:30px; background:#fff;padding:0; margin-left:0;}
article.article {padding:50px 0 70px 0;}
article.article .tit {font-size:35px;}
article.article .txt, #corpo_interno p {font-size:21px; margin-top:30px; font-weight:300;}
#corpo_interno strong {font-weight:500;}
#corpo_interno li {font-size:21px;font-weight:300;}
#corpo_interno h4 {color:#034990; font-size:26px;}

/* SM */
@media (min-width:768px) and (max-width:991px) {
    article.article .tit {font-size:25px;}
    article.article .txt, #corpo_interno p, #corpo_interno li {font-size:19px;}
}
/* XS */
@media (max-width:767px) {
    article.article .tit {font-size:20px;}
    article.article .txt, #corpo_interno p, #corpo_interno li {font-size:17px;}
    .breadcrumb {display:none;}
}

/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {padding:70px 0;}
footer .nl {border-bottom:1px solid #000; padding-bottom:40px;padding-top: 10px;}
footer .nl .mail {padding-left:40px; background:url(../img/mail.png) no-repeat left 5px; color:#034990; font-size:22px; font-weight:500; margin-right:20px;}
footer .nl .form-control {border:none; border-bottom:2px solid #034990; box-shadow:none; background:transparent; border-radius:0;}
footer .credits {font-size:13px; color:#292a2a; margin-top:40px;}
footer .credits a, footer .social a {color:#292a2a; display:inline-block; padding:0 10px;}
footer .social {margin-top:25px;}
footer .social a:first-child img {margin-top:2px;}

/* XS */
@media (max-width:767px) {
    footer .credits a, footer .social a {color:#292a2a; display:inline-block; padding:10px;}
    footer .nl .mail {font-size:15px;}

}

.success img {max-width:200px; margin:0 auto; text-align:center;}

.heading h1 {background: #fbfbfb none repeat scroll 0 0; color: #034990; display: inline-block;
    font-size: 54px; font-weight: 300; padding: 10px 20px;}

#dropdownMenu1 {font-size:13px;}

/* SM */
@media (max-width:991px) {
    .heading h1 {background: #fbfbfb none repeat scroll 0 0; color: #034990; display: inline-block; font-size: 24px; font-weight: 300; padding: 10px 20px; line-height:26px;}
    .light-blue h2 {color: #034990; font-size: 25px; font-weight: 500; margin-bottom: 50px;}
    .caratt_prodotto ul {width: 100%; list-style: none; padding: 0; margin: 10px 0 0 0;}
    .sottomenu, .dettaglio {max-width:100%;}
    .menu_tabs ul li a#link_tab {padding: 5px 32px 5px 11px;}
    #corpo_interno img {max-width:100%!important;}
}

/*--------------------------------------------------
footer
--------------------------------------------------*/
.alternate { margin-bottom:50px;}
.alternate .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.alternate .row .col-md-6 { position:relative; padding:0; }
.alternate .row .col-md-6 .cent-vert { position: absolute; left: 10%; top: 50%; width: 80%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.alternate .row .col-md-6 img { width: 100%; }
.alternate .row .col-md-6 h2 { font-size: 32px; margin-bottom: 10px; font-weight: 500; color: #114895; }
.alternate .row .col-md-6 h3 { color: #114895; font-size: 21px; font-weight: 100; }

/* SM */
@media (max-width:991px) {
    .alternate .row .col-md-6 {  padding: 0 15px; margin-bottom:50px; }
    .alternate .row .col-md-6 .cent-vert { position: relative; left: auto; top: auto; width: auto; -webkit-transform: translateY(0%); transform: translateY(0%); }
    .invert-xs .col-md-6:first-child { order:2; }
    .invert-xs .col-md-6:last-child { order: 1; }
}
/* XS */
@media (max-width:767px) {
    .alternate .row .col-md-6 h2 { font-size: 26px; }
    .alternate .row .col-md-6 h3 { font-size: 18px; }
}

/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {
}
/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
}
/* XS */
@media (max-width:767px) {
}