/*---------------------------------------------------------------
# Package - Sboost Framework
# ---------------------------------------------------------------
# Author - mixwebtemplates http://www.mixwebtemplates.com
# Copyright (C) 2008 - 2015 mixwebtemplates.com. All Rights Reserved.
# Websites: http://www.mixwebtemplates.com
-----------------------------------------------------------------*/

@media only screen and (min-width: 200px) and (max-width: 480px){
  .mx-base {min-width:280px!important;width:100%!important}
  #mx-leftcol, #mx-rightcol,#mx-sideleft, #mx-sideright, #mx-maincol, #inner_content, .mx-block, .item {width:100%!important;margin:0!important}
  .mx-block .first, .mx-block .last, .mx-block .single,
  .item .first, .item .last, .item .single	{margin:0!important}
  .item-inner {padding:10px 0!important}
  a#logo {width:100%!important;background-position:50% 50%!important}
  #hormenu,#mx-search,#powered-by,#mx-footer-nav {display:none!important}
  #mx-footer {text-align:center}
  #mx-footer .cp {float:none!important}
  span.designed_by {display:block}
  select.select-menu {width:100%}
  #mx-mmenu {display:block!important;margin:0}
  body { padding-right: 0px !important; padding-left: 0px !important;}
  #mx-top-menu, #mx-banner, .mx_date{display:none}
  #logo-text, .mx-base{left: inherit}
  #text-text{font-size: small}

  .sub-title{font-size: 20px;}

  .cpt-reinsurance .reinsurance-items {
    padding-left: 43px;
    margin: 31px;
    padding-right: -13px;
    margin-left: 0;
    margin-right: 135px;
  }
  .text-block {
    position: absolute;
    bottom: 10px;
    height: auto;
    width: auto;
    right: 45px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 33px;
    padding-right: 20px;
  }

  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1em;
  }

  .cpt-reinsurance .item .item-content {
    padding: 0 1px;
    font-size: 15px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }

  .cpt-functional-header .elem-image {
    margin: auto 0;
  }

  .elem-image211 {
    width: 19%;
    display: inline-block;
    margin-left: 0px;
    text-align: center;
  }

  .card {
    transition: 0.3s;
    width: 90%;
    margin-left: 15px;
  }
  .cpt-selection .block-title {
    margin: 0 20px 0 30px;
    font-size: 23px;
    padding: 20px;
  }
  .cpt-agents .agents-content .sub-title {
    font-size: 16px;
  }
  .cpt-agents .agents-title{font:normal 55px/35px "BrownPen";color:#ee7411;text-transform:initial;margin:0 0 -5px;font-family: "Brush Script MT", cursive;
    margin-right: 33px}

  .slideshow > ul > li.img1{left:23%}
  .slideshow > ul > li.img2{left:123%}
  .slideshow > ul > li.img3{left:223%}
  .slideshow > ul > li.img4{left:323%}

  .cpt-selection{width:103%}
  /*K2*/
  div.subCategory a.readmore {top:25px}
  div.subCategory h2{font-size:20px!important}
  div.itemToolbar ul li.itemPrintLink, div.itemToolbar ul li.itemEmailLink, div.itemToolbar ul li.itemTextResize {margin:0!important}

  /*Templates*/
  .border{margin-bottom:10px}
  a#pagetop{float:none!important}
  div.color-site{float:none!important; margin-top: 4px!important}

  .select-menu {
    color: transparent;
    font-weight: normal;
    margin: -23px -20px -30px;
    padding: 7px;
    border: 0 none !important;
    cursor: pointer;
    background: url(../../../templates/mx_joomla122/css/arrow-m.png) no-repeat 99% 6px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  #defiltext {
    width: 82%;
    height: 11px;
    float: right;
    position: relative;
    z-index: 100;
  }
  .slideshow > ul {
    position: relative;
    z-index: 1;
    padding: 100px;
    left: 0px;
    margin: auto;
    overflow: hidden;
  }

  .slideshow > ul > li{
    display:flex;
    width:100%;
    height:102%;
    transform:translate3d(0,0,0);/*accelere l'animation / optionnel*/
    position:absolute;
    top:58px;
    margin: -59px;
    left:0;
    transition:transform 2s cubic-bezier(.4,1,.2,1)}

  .cpt-agents .agents-items{display:grid;justify-content:center}
  #reservation{
    margin-left: auto;
  }
  .cpt-footer .elem-image200 {
    margin: 0 2.5px;
    padding: 0;
    margin-left: 115px;
    width: 0%;
  }
  .cpt-footer .menu-category-header{font-size:14px;font-weight:bold;line-height:21px;padding-bottom:14px;display:flex;justify-content:space-between;margin-left: 0px}

  .texte-Header{
    font-size: 17px;line-height: 34px;font-weight: bold}

}






/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) {

  .mx-base {width:728px!important}
  #mx-top-menu, .mx_date{display:none}
  #mx-banner {width:320px}
  .elem-image211{
    width: 100%;
  }
  .text-block {

    position: absolute;
    bottom: 20px;
    height: auto;
    width: auto;
    right: 45px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 33px;
    padding-right: 20px;
  }

  input#mod-search-searchword {
    width:120px;
  }

  .tabs_buttons ul.tabs_container li.tab {
    padding:0 10px!important;
  }
  #logo-text, .mx-base{left: inherit}
  .image-text{width: 108px}

  span.designed_by {
    display:block;
  }
  .sub-title{font-size: 20px;}
  .cpt-reinsurance .reinsurance-items {
    padding-left: 43px;
    margin: 31px;
    padding-right: -13px;
    margin-left: 0;
    margin-right: 135px;
  }
  .cpt-reinsurance .item .item-content {
    padding: 0 1px;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }
  .cpt-functional-header .elem-image {
    margin: auto 0;
  }

  .card {
    transition: 0.3s;
    width: 90%;
    margin-left: 15px;
  }
  .cpt-selection .block-title {
    margin: 0 20px 0 30px;
    font-size: 23px;
  }
  .cpt-agents .agents-content .sub-title {
    font-size: 20px;
  }
  .cpt-agents .agents-title{font:normal 35px/35px "BrownPen";color:#ee7411;text-transform:initial;margin:0 0 16px}

  .select-menu {
    color: transparent;
    font-weight: normal;
    margin: 0 0 -19px;
    padding: 7px;
    border: 0 none !important;
    cursor: pointer;
    background: url(../../../templates/mx_joomla122/css/arrow-m.png) no-repeat 99% 6px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .slideshow > ul {
    position:relative;
    z-index:1;
    padding: 105px;
    left: 0px;
    margin:auto;
    overflow:hidden}
  .cpt-agents .agents-items{display:grid;justify-content:center}

  .slideshow > ul > li{
    display:flex;
    width:100%;
    height:105%;
    transform:translate3d(0,0,0);/*accelere l'animation / optionnel*/
    position:absolute;
    top:58px;
    margin: -59px;
    left:0;
    transition:transform 2s cubic-bezier(.4,1,.2,1)}

  .slideshow > ul > li.img1{left:24%}
  .slideshow > ul > li.img2{left:124%}
  .slideshow > ul > li.img3{left:224%}
  .slideshow > ul > li.img4{left:324%}

  .cpt-selection{width:100%}
  #reservation{
    margin-left: auto;
  }
  .cpt-footer .elem-image200 {
    margin: 0 2.5px;
    padding: 0;
    margin-left: 115px;
    width: 70%;
  }
  .cpt-footer .menu-category-header{font-size:14px;font-weight:bold;line-height:21px;padding-bottom:14px;display:flex;justify-content:space-between;margin-left: 0px}

  .texte-Header{
    font-size: 17px;line-height: 34px;font-weight: bold}

}




@media (min-width: 568px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .cpt-selection .block-title{font-size: 20px;}

  .elem-image211{
    width: 100%;
  }
  .text-block {
    position: absolute;
    bottom: 20px;
    height: auto;
    width: auto;
    right: 45px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 33px;
    padding-right: 20px;
  }

  #text-text{font-size: small}

  .cpt-reinsurance, .reinsurance-items {
    padding-left: 43px;
    margin: 31px;
    padding-right: -13px;
    margin-left: 0;
    margin-right: 135px;
  }
  .cpt-reinsurance .item .item-content {
    padding: 0 1px;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }

  .card {
    transition: 0.3s;
    width: 90%;
    margin-left: 15px;
  }

  .cpt-agents .agents-content .sub-title {
    font-size: 20px;
  }
  .cpt-agents .agents-title{font:normal 35px/35px "BrownPen";color:#ee7411;text-transform:initial;margin:0 0 16px}

  .cpt-functional-header .elem-image {
    margin: auto 0;
  }

  .select-menu {
    color: transparent;
    font-weight: normal;
    margin: 0 0 -19px;
    padding: 7px;
    border: 0 none !important;
    cursor: pointer;
    background: url(../../../templates/mx_joomla122/css/arrow-m.png) no-repeat 99% 6px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }

  .slideshow > ul {
    position:relative;
    z-index:1;
    padding: 105px;
    left: 0px;
    margin:auto;
    overflow:hidden}

  .cpt-agents .agents-items{display:grid;justify-content:center}

  .slideshow > ul > li{
    display:flex;
    width:100%;
    height:105%;
    transform:translate3d(0,0,0);/*accelere l'animation / optionnel*/
    position:absolute;
    top:58px;
    margin: -59px;
    left:0;
    transition:transform 2s cubic-bezier(.4,1,.2,1)}


  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .slideshow > ul > li.img1{left:24%}
  .slideshow > ul > li.img2{left:124%}
  .slideshow > ul > li.img3{left:224%}
  .slideshow > ul > li.img4{left:324%}

  .cpt-selection{width:100%}
  #reservation{
    margin-left: auto;
  }

  .cpt-footer .elem-image200 {
    margin: 0 2.5px;
    padding: 0;
    margin-left: 115px;
    width: 100%;
  }
  .cpt-footer .menu-category-header{font-size:14px;font-weight:bold;line-height:21px;padding-bottom:14px;display:flex;justify-content:space-between;margin-left: 0px}

  .texte-Header{
    font-size: 17px;line-height: 34px;font-weight: bold}

}

/* Phones portrait and landscape  */
@media only screen and (min-width: 481px) and ( max-width: 767px ) {
  .mx-base {min-width:280px!important;width:100%!important}
  #mx-leftcol, #mx-rightcol,#mx-sideleft, #mx-sideright, #mx-maincol, #inner_content, .mx-block, .item {width:100%!important;margin:0!important}
  .mx-block .first, .mx-block .last, .mx-block .single,
  .item .first, .item .last, .item .single	{margin:0!important}
  .item-inner {padding:10px 0!important}
  a#logo {width:100%!important;background-position:50% 50%!important}
  #hormenu,#mx-search,#powered-by,#mx-footer-nav {display:none!important}
  #mx-footer {text-align:center}
  #mx-footer .cp {float:none!important}
  span.designed_by {display:block}
  select.select-menu {width:100%}
  #mx-mmenu {display:block!important;margin:0}
  body { padding-right: 0px !important; padding-left: 0px !important;}
  #mx-top-menu, #mx-banner, .mx_date{display:none}
  #logo-text, .mx-base{left: inherit}
  #text-text{font-size: small}

  .sub-title{font-size: 20px;}

  .cpt-reinsurance .reinsurance-items {
    padding-left: 43px;
    margin: 31px;
    padding-right: -13px;
    margin-left: 0;
    margin-right: 135px;
  }
  .text-block {

    position: absolute;
    bottom: 20px;
    height: auto;
    width: auto;
    right: 45px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 33px;
    padding-right: 20px;
  }

  .cpt-reinsurance .item .item-content {
    padding: 0 1px;
    font-size: 15px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }

  .cpt-functional-header .elem-image {
    margin: auto 0;
  }

  .elem-image211 {
    width: 19%;
    display: inline-block;
    margin-left: 0px;
    text-align: center;
  }

  .card {
    transition: 0.3s;
    width: 90%;
    margin-left: 15px;
  }
  .cpt-selection .block-title {
    margin: 0 20px 0 30px;
    font-size: 23px;
    padding: 20px;
  }
  .cpt-agents .agents-content .sub-title {
    font-size: 20px;
  }
  .cpt-agents .agents-title{font:normal 75px/35px "BrownPen";color:#ee7411;text-transform:initial;margin:0 0 -5px;font-family: "Brush Script MT", cursive;
    margin-right: 33px}

  .slideshow > ul > li.img1{left:17%}
  .slideshow > ul > li.img2{left:117%}
  .slideshow > ul > li.img3{left:217%}
  .slideshow > ul > li.img4{left:317%}

  .cpt-selection{width:103%}
  /*K2*/
  div.subCategory a.readmore {top:25px}
  div.subCategory h2{font-size:20px!important}
  div.itemToolbar ul li.itemPrintLink, div.itemToolbar ul li.itemEmailLink, div.itemToolbar ul li.itemTextResize {margin:0!important}

  /*Templates*/
  .border{margin-bottom:10px}
  a#pagetop{float:none!important}
  div.color-site{float:none!important; margin-top: 4px!important}

  .select-menu {
    color: transparent;
    font-weight: normal;
    margin: -23px -20px -30px;
    padding: 7px;
    border: 0 none !important;
    cursor: pointer;
    background: url(../../../templates/mx_joomla122/css/arrow-m.png) no-repeat 99% 6px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  #defiltext {
    width: 82%;
    height: 11px;
    float: right;
    position: relative;
    z-index: 100;
  }
  .slideshow > ul {
    position: relative;
    z-index: 1;
    padding: 137px;
    left: 0px;
    margin: auto;
    overflow: hidden;
  }

  .slideshow > ul > li{
    display:flex;
    width:100%;
    height:102%;
    transform:translate3d(0,0,0);/*accelere l'animation / optionnel*/
    position:absolute;
    top:58px;
    margin: -59px;
    left:0;
    transition:transform 2s cubic-bezier(.4,1,.2,1)}

  .cpt-agents .agents-items{display:grid;justify-content:center}
  #reservation{
    margin-left: auto;
  }
  .cpt-footer .elem-image200 {
    margin: 0 2.5px;
    padding: 0;
    margin-left: 115px;
    width: 0%;
  }
  .cpt-footer .menu-category-header{font-size:14px;font-weight:bold;line-height:21px;padding-bottom:14px;display:flex;justify-content:space-between;margin-left: 0px}

  .texte-Header{
    font-size: 17px;line-height: 34px;font-weight: bold}

}



@media (min-width: 940px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .texte-Header{
    font-size: 24px;line-height: 34px;font-weight: bold}
  .card {
    transition: 0.3s;
    width: 100%;
    margin-left: 0px;
  }
  #reservation{
    margin-left: 420px;
  }
  .elem-image211 {
    width: auto;
    display: inline-block;
    margin-left: -6px;
    text-align: center;
  }

  .cpt-footer .elem-image200 {
    margin: 0 -2.5px;
    padding: 35px;
  }

  .cpt-reinsurance .item .item-content {
    padding: 0 31px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }
  #hormenu, #sublevel {
    position: relative;
    z-index: 1000;
    float: right;
    margin-top: -45px;
    margin-right: -32px;
  }

  .text-block {
    position: absolute;
    bottom: 20px;
    height: auto;
    width: auto;
    right: 500px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 33px;
    padding-right: 20px;
  }


  .select-menu {
    color: transparent;
    font-weight: normal;
    margin: 0 0 -19px;
    padding: 7px;
    border: 0 none !important;
    cursor: pointer;
    background: url(../../../templates/mx_joomla122/css/arrow-m.png) no-repeat 99% 6px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .cpt-agents .agents-items{display:flex;justify-content:center}

  .cpt-selection{width:100%}
  .cpt-selection .block-title{margin:0 20px 0 30px;font-size:18px}

  .cpt-agents .agents-content .sub-title {
    font-size: 30px;
  }
  .slideshow > ul > li{
    display:flex;
    width:100%;
    height:105%;
    transform:translate3d(0,0,0);/*accelere l'animation / optionnel*/
    position:absolute;
    top:58px;
    margin: -59px;
    left:0;
    transition:transform 2s cubic-bezier(.4,1,.2,1)}

  .cpt-agents .agents-title{font:normal 60px/35px "BrownPen";color:#ee7411;text-transform:initial;margin:0 0 16px}



  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  #defiltext {width:50%; height:60px; float:right; position: relative; z-index: 100;}
  .slideshow > ul {
    position: relative;
    z-index: 1;
    padding: 300px;
    left: 0px;
    margin: auto;
    overflow: hidden;
  }

  .slideshow > ul > li.img1{left:6%}
  .slideshow > ul > li.img2{left:106%}
  .slideshow > ul > li.img3{left:206%}
  .slideshow > ul > li.img4{left:306%}

}