.ui-sortable.post-it-note {
    margin: 0.2em 0 2em 0;
    padding-left: 5%;
}

.ui-sortable.drop {
    padding-left: 0;
}

.ui-sortable.post-it-note li {
    display: inline-block;
    vertical-align: middle;
    font-family:cursive ;
    font-size: 1.1em;
    font-weight:normal; 
    line-height: 1.2;
    color: #333;
    width: 10em;
    min-height: 10em;
    background: #eae672;
    padding: 0.5em;
    margin-right: 1.8%;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 8px 9px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 9px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 9px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    -moz-transition:-moz-transform .15s linear;
    -o-transition:-o-transform .15s linear;
    -webkit-transition:-webkit-transform .15s linear;
}

.ui-sortable.post-it-note li:nth-child(odd) {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.ui-sortable.post-it-note li:nth-child(even) {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.ui-sortable.post-it-note li:hover{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-box-shadow: 10px 11px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 11px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 11px 10px -3px rgba(0,0,0,0.25), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.drop.post-it-note li {
    font-size: 1em;
    font-weight: 600; 
    line-height: 1.1;
    width: 100%;
    min-height: 10em;
    padding: 0.8em;
    margin-bottom: 0;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.drop.post-it-note li:hover{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;

    -ms-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#carousel-sort {
    margin-top: 20px;
}

.carousel-control {
    width: 5%;
    color: #87cAe0;
    text-shadow: none;
    opacity: 1;
}

.carousel-control:hover, .carousel-control:focus{
    width: 5%;
    color: #4A8193;
    text-shadow: none;
}

.carousel-indicators {
    top: -30px;
    height: 50px;
    /* z-index effecting sortable items - so just added a height to stop z-index wars */
}

.carousel-indicators .active {
    background-color: #87cAe0;
}

.carousel-indicators li {
    border: 1px solid #87cAe0;
}

.carousel-control.left {
    background: transparent;
    filter: none;
    left: -5%;
}

.carousel-control.right {
    background: transparent;
    filter: none;
    right: -5%;
}

.polaroid {
    border: 10px solid #fff;
    border-bottom-width: 30px;
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
}

/*.carousel-iframe-container iframe {
    min-height: 18em;
    border: 1px solid #555;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}*/

.carousel-iframe-container video {
    border: 1px solid #555;
    width: 100%;
    height: auto;
}

.carousel-iframe-container {
    position: relative;
    background: #fff;
/*    min-height: 18em;*/
}

/*.carousel-iframe-container:hover {
    cursor: pointer;
}*/

/*.carousel-iframe-container:before {
    position: absolute;
    top: 36%;
    left: 43%;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 3em;
    font-weight: 400;
    line-height: 1;
    color: #87cAe0;
    -webkit-font-smoothing: antialiased;
    content: "\e072";
}*/

.carousel-iframe-container:hover:before {
    color: #4A8193;
}

/*.carousel-iframe-container.screenshot {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/ 

/*.de-screenshot   {background-image: url(../../images/ambience-german-screen.png)}
.de-screenshot2  {background-image: url(../../images/ambience-german-screen2.png)}
.de-screenshot3  {background-image: url(../../images/ambience-german-screen3.png)}
.de-screenshot4  {background-image: url(../../images/ambience-german-screen4.png)}
.de-screenshot5  {background-image: url(../../images/ambience-german-screen5.png)}
.de-screenshot6  {background-image: url(../../images/ambience-german-screen6.png)}
.de-screenshot7  {background-image: url(../../images/ambience-german-screen7.png)}
.de-screenshot8  {background-image: url(../../images/ambience-german-screen8.png)}
.de-screenshot9  {background-image: url(../../images/ambience-german-screen9.png)}
.de-screenshot10 {background-image: url(../../images/ambience-german-screen10.png)}

.es-screenshot   {background-image: url(../../images/ambience-spanish-screen.png)}
.es-screenshot2  {background-image: url(../../images/ambience-spanish-screen2.png)}
.es-screenshot3  {background-image: url(../../images/ambience-spanish-screen3.png)}
.es-screenshot4  {background-image: url(../../images/ambience-spanish-screen4.png)}
.es-screenshot5  {background-image: url(../../images/ambience-spanish-screen5.png)}
.es-screenshot6  {background-image: url(../../images/ambience-spanish-screen6.png)}
.es-screenshot7  {background-image: url(../../images/ambience-spanish-screen7.png)}
.es-screenshot8  {background-image: url(../../images/ambience-spanish-screen8.png)}
.es-screenshot9  {background-image: url(../../images/ambience-spanish-screen9.png)}
.es-screenshot10 {background-image: url(../../images/ambience-spanish-screen10.png)}

.fr-screenshot   {background-image: url(../../images/ambience-french-screen.png)}
.fr-screenshot2  {background-image: url(../../images/ambience-french-screen2.png)}
.fr-screenshot3  {background-image: url(../../images/ambience-french-screen3.png)}
.fr-screenshot4  {background-image: url(../../images/ambience-french-screen4.png)}
.fr-screenshot5  {background-image: url(../../images/ambience-french-screen5.png)}
.fr-screenshot6  {background-image: url(../../images/ambience-french-screen6.png)}
.fr-screenshot7  {background-image: url(../../images/ambience-french-screen7.png)}
.fr-screenshot8  {background-image: url(../../images/ambience-french-screen8.png)}
.fr-screenshot9  {background-image: url(../../images/ambience-french-screen9.png)}
.fr-screenshot10 {background-image: url(../../images/ambience-french-screen10.png)}*/


.carousel {
    margin: 0 50px;
}

.carousel-inner {
    /*background: #b5b5b5;*/
}

.carousel .dragColumn {
    background: #e6e6e6;
    min-height: 10em;
    margin-top: 10px;
}

/*.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(33%, 0, 0);
          transform: translate3d(33%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-33%, 0, 0);
          transform: translate3d(-33%, 0, 0);
}
*/



/* ----------- Large Display ----------- */

@media screen and (max-width: 1920px) and (max-height: 1080px){
    /* Styles */
}


/* ----------- Laptop HiDPI screen ----------- */

@media screen and (max-width: 1440px) and (max-height: 900px){
    /* Styles */
       

}


/* ----------- Laptop ----------- */

@media screen and (max-width: 1366px) and (max-height: 768px){
    /* Styles */
      

}


/* ----------- Laptop MDPI screen ----------- */

@media screen and (max-width: 1280px) and (max-height: 800px){
    /* Styles */
   
       

}


/* ----------- iPad Landscape----------- */

@media only screen and (max-device-width: 1024px) and (max-device-height: 768px){
    /* Styles */

}
/* ----------- match bootstrap media queries----------- */
@media (max-width: 768px){


}
/* ----------- iPad Landscape----------- */

@media only screen and (max-device-width: 768px) and (max-device-height: 1024px){

}

/* ----------- iPhone 5 ----------- */

@media only screen and (max-device-width: 568px){
    /* Styles */

}

@media print {


}