/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

#syncThumb .owl-controls .owl-buttons div,
#syncContent .owl-controls .owl-buttons div {
    position: absolute;
    background: none;
    filter: Alpha(Opacity=90);/*IE7 fix*/
    opacity: 0.9;
}
    #syncThumb .owl-controls .owl-buttons div.owl-prev {
        left: -35px;
        bottom: 25px;
    }
    #syncThumb .owl-controls .owl-buttons div.owl-next {
        right: -35px;
        bottom: 25px;
    }
    #syncContent .owl-controls .owl-buttons div.owl-prev {
        left: 5px;
        bottom: 40%;
    }
    #syncContent .owl-controls .owl-buttons div.owl-next {
        right: 5px;
        bottom: 40%;
    }

#syncThumb {
    margin: 0px auto;
}
        #syncContent .item {
	        color: #FFF;
	        text-align: center;
            padding: 40px 0px 0px;
        }
            #syncContent .item p {
                position: absolute;
                bottom: auto;
                top: 5px;
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
            }
            #syncContent .item a,
            #syncContent .item a:link {
                padding-left: 3px;
                text-decoration: underline;
            }
                #syncContent .item .fa-download {
                    padding-left: 20px;
                }
            #syncContent .active .item.youtube-video {
                margin: 0px auto;
            }
        #syncThumb .item {
	        margin: 5px;
	        color: #FFF;
	        text-align: center;
	        cursor: pointer;
        }
            #syncThumb .item.youtube-thumb img {
                /*margin-top: -12%;*/
                -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.50);
                -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.50);
                box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.50);
            }
            #syncThumb .item img {
                width: 100%;
                max-height: 126px;
                max-width: 180px;
            }
            @media (max-width: 1500px) {
                #syncContent .item p {
                    bottom: 5px;
                    top: auto;
                }
                #syncThumb .item.youtube-thumb img {
                    /*margin-top: -11%;*/
                }
                #syncThumb .item img {
                    max-height: 105px;  /* 2) 70% of width */
                    max-width: 150px;   /* 1) 10% of max-width */
                }
                #syncThumb.owl-theme .owl-controls .owl-nav .owl-prev {
                  bottom: 20px; 
                }
                #syncThumb.owl-theme .owl-controls .owl-nav .owl-next {
                  bottom: 20px;
                }
            }
            @media (max-width: 1200px) {
                #syncThumb .item.youtube-thumb img {
                    /*margin-top: -10%;*/
                }
                #syncThumb .item img {
                    max-height: 84px;
                    max-width: 120px;
                }
                #syncThumb.owl-theme .owl-controls .owl-nav .owl-prev {
                  bottom: 15px; 
                }
                #syncThumb.owl-theme .owl-controls .owl-nav .owl-next {
                  bottom: 15px;
                }
            }
        @media (max-width: 900px) {
            #syncThumb {
                display: none;
            }
        }



        .video-reel .owl-wrapper-outer {
            background-color: #000;
        }

        /* Setup maximum heights for proper proportions */
        #syncThumb .owl-wrapper-outer {
            max-height: 112px;
        }
        #syncContent .owl-wrapper-outer {
            max-height: 675px;
        }
        #syncContent .owl-wrapper-outer iframe {
            height: 575px;
            width: 100%;
            max-width: 720px;
            max-height: 480px;
        }
        @media (max-width: 1200px) {
            #syncThumb .owl-wrapper-outer {
                max-height: 90px;       /* 7.5% of max-width */
            }
            #syncContent .owl-wrapper-outer {
                max-height: 540px;      /* 45% of max-width */
            }
        }
        @media (max-width: 1050px) {
            #syncContent .owl-wrapper-outer iframe {
                height: 375px;
            }
        }
        @media (max-width: 768px) {
            #syncContent .owl-controls .owl-buttons div.owl-prev {
                left: -40px;
            }
            #syncContent .owl-controls .owl-buttons div.owl-next {
                right: -40px;
            }
            #syncContent .item {
                padding: 0px 0px 0px;
            }
        }
        @media (max-width: 480px) {
            #syncContent .owl-wrapper-outer iframe {
                height: 175px;
            }
        }