@media screen and (min-width: 1000px) and (max-width: 1600px) {
    #mainbody410 {
	z-index:  10;
	position: fixed;
        top:      calc(105px/1.41);
        left:     calc(14px/1.41);
        width:    calc(1460px/1.41);
        height:   calc(850px/1.41);
    }

/*-------------------------
        The clocks
--------------------------*/


#digclock1{
        width: 564px;
        height: 150px;
        /*padding:80px;
        margin:200px auto 120px; */
        position: relative;
        margin: 0 auto;
        margin-top: 150px;
}

/* #digclock1:after{
        content:'';
        position:absolute;
        width:800px;
        height:40px;
        border-radius:100%;
        left:50%;
        margin-left:-400px;
        bottom:4px;
        z-index:-1;
} */


#digclock1 .display{
        text-align:center;
        padding: 80px 40px 40px;
        border-radius:12px;
        position:absolute;
        height: 208px;
}


/*-------------------------
        Light color theme
--------------------------*/


#digclock1.light{
        background-color:#f3f3f3;
        color:#272e38;
}

#digclock1.light:after{
        box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

#digclock1.light .digits div span{
        background-color:#272e38;
        border-color:#272e38;
}

#digclock1.light .digits div.dots:before,
#digclock1.light .digits div.dots:after{
        background-color:#272e38;
}

#digclock1.light .display{
        background-color:#dddddd;
        box-shadow:0 2px 2px rgba(0,0,0,0.08) inset, 0 2px 2px #fafafa;
}


/*-------------------------
        Dark color theme
--------------------------*/


#digclock1.dark{
        background-color:#272e38;
        color:#cacaca;
}

#digclock1.dark:after{
        box-shadow:0 8px 20px rgba(0,0,0,0.3);
}

#digclock1.dark .digits div span{
        background-color:#cacaca;
        border-color:#cacaca;
}

#digclock1.dark .alarm{
        background:url('../img/alarm_dark.jpg');
}

#digclock1.dark .display{
        background-color:#0f1620;
        box-shadow:0 2px 2px rgba(0,0,0,0.08) inset, 0 2px 2px #2d3642;
}

#digclock1.dark .digits div.dots:before,
#digclock1.dark .digits div.dots:after{
        background-color:#cacaca;
}


/*-------------------------
        The Digits
--------------------------*/


#digclock1 .digits div{
        text-align:left;
        position:relative;
        width: 56px;
        height:100px;
        display:inline-block;
        margin:0 8px;
}

#digclock1 .digits div span{
        opacity:0;
        position:absolute;

        -webkit-transition:0.25s;
        -moz-transition:0.25s;
        transition:0.25s;
}

#digclock1 .digits div span:before,
#digclock1 .digits div span:after{
        content:'';
        position:absolute;
        width:0;
        height:0;
        border:10px solid transparent;
}

#digclock1 .digits .dd1{                 height:10px;width:32px;top:0;left:12px;}
#digclock1 .digits .dd1:before{  border-width:0 10px 10px 0;border-right-color:inherit;left:-10px;}
#digclock1 .digits .dd1:after{   border-width:0 0 10px 10px;border-left-color:inherit;right:-10px;}

#digclock1 .digits .dd2{                 height:10px;width:32px;top:48px;left:12px;}
#digclock1 .digits .dd2:before{  border-width:6px 8px 4px;border-right-color:inherit;left:-16px;}
#digclock1 .digits .dd2:after{   border-width:6px 8px 4px;border-left-color:inherit;right:-16px;}

#digclock1 .digits .dd3{                 height:10px;width:32px;top:96px;left:12px;}
#digclock1 .digits .dd3:before{  border-width:10px 10px 0 0;border-right-color:inherit;left:-10px;}
#digclock1 .digits .dd3:after{   border-width:10px 0 0 10px;border-left-color:inherit;right:-10px;}

#digclock1 .digits .dd4{                 width:10px;height:28px;top:14px;left:0;}
#digclock1 .digits .dd4:before{  border-width:0 10px 10px 0;border-bottom-color:inherit;top:-10px;}
#digclock1 .digits .dd4:after{   border-width:0 0 10px 10px;border-left-color:inherit;bottom:-10px;}

#digclock1 .digits .dd5{                 width:10px;height:28px;top:14px;right:0;}
#digclock1 .digits .dd5:before{  border-width:0 0 10px 10px;border-bottom-color:inherit;top:-10px;}
#digclock1 .digits .dd5:after{   border-width:10px 0 0 10px;border-top-color:inherit;bottom:-10px;}

#digclock1 .digits .dd6{                 width:10px;height:28px;top:64px;left:0;}
#digclock1 .digits .dd6:before{  border-width:0 10px 10px 0;border-bottom-color:inherit;top:-10px;}
#digclock1 .digits .dd6:after{   border-width:0 0 10px 10px;border-left-color:inherit;bottom:-10px;}

#digclock1 .digits .dd7{                 width:10px;height:28px;top:64px;right:0;}
#digclock1 .digits .dd7:before{  border-width:0 0 10px 10px;border-bottom-color:inherit;top:-10px;}
#digclock1 .digits .dd7:after{   border-width:10px 0 0 10px;border-top-color:inherit;bottom:-10px;}


/* 1 */

#digclock1 .digits div.one .dd5,
#digclock1 .digits div.one .dd7{
        opacity:1;
}

/* 2 */

#digclock1 .digits div.two .dd1,
#digclock1 .digits div.two .dd5,
#digclock1 .digits div.two .dd2,
#digclock1 .digits div.two .dd6,
#digclock1 .digits div.two .dd3{
        opacity:1;
}

/* 3 */

#digclock1 .digits div.three .dd1,
#digclock1 .digits div.three .dd5,
#digclock1 .digits div.three .dd2,
#digclock1 .digits div.three .dd7,
#digclock1 .digits div.three .dd3{
        opacity:1;
}

/* 4 */

#digclock1 .digits div.four .dd5,
#digclock1 .digits div.four .dd2,
#digclock1 .digits div.four .dd4,
#digclock1 .digits div.four .dd7{
        opacity:1;
}

/* 5 */

#digclock1 .digits div.five .dd1,
#digclock1 .digits div.five .dd2,
#digclock1 .digits div.five .dd4,
#digclock1 .digits div.five .dd3,
#digclock1 .digits div.five .dd7{
        opacity:1;
}

/* 6 */

#digclock1 .digits div.six .dd1,
#digclock1 .digits div.six .dd2,
#digclock1 .digits div.six .dd4,
#digclock1 .digits div.six .dd3,
#digclock1 .digits div.six .dd6,
#digclock1 .digits div.six .dd7{
        opacity:1;
}


/* 7 */

#digclock1 .digits div.seven .dd1,
#digclock1 .digits div.seven .dd5,
#digclock1 .digits div.seven .dd7{
        opacity:1;
}

/* 8 */

#digclock1 .digits div.eight .dd1,
#digclock1 .digits div.eight .dd2,
#digclock1 .digits div.eight .dd3,
#digclock1 .digits div.eight .dd4,
#digclock1 .digits div.eight .dd5,
#digclock1 .digits div.eight .dd6,
#digclock1 .digits div.eight .dd7{
        opacity:1;
}

/* 9 */

#digclock1 .digits div.nine .dd1,
#digclock1 .digits div.nine .dd2,
#digclock1 .digits div.nine .dd3,
#digclock1 .digits div.nine .dd4,
#digclock1 .digits div.nine .dd5,
#digclock1 .digits div.nine .dd7{
        opacity:1;
}

/* 0 */

#digclock1 .digits div.zero .dd1,
#digclock1 .digits div.zero .dd3,
#digclock1 .digits div.zero .dd4,
#digclock1 .digits div.zero .dd5,
#digclock1 .digits div.zero .dd6,
#digclock1 .digits div.zero .dd7{
        opacity:1;
}


/* The dots */

#digclock1 .digits div.dots{
        width:10px;
}

#digclock1 .digits div.dots:before,
#digclock1 .digits div.dots:after{
        width:10px;
        height:10px;
        content:'';
        position:absolute;
        left:0;
        top:28px;
}

#digclock1 .digits div.dots:after{
        top:68px;
}


/*-------------------------
        The Alarm
--------------------------*/


#digclock1 .alarm{
        width:32px;
        height:32px;
        bottom:40px;
        position:absolute;
        opacity:0.2;
}

#digclock1 .alarm.active{
        opacity:1;
}


/*-------------------------
        Weekdays
--------------------------*/


#digclock1 .weekdays{
        font-size:24px;
        position:absolute;
        top:20px;
        left:0;
        text-align:center;
}


#digclock1 .weekdays span{
        opacity:0.2;
        padding:0 15px;
}

#digclock1 .weekdays span.active{
        opacity:1;
}


/*-------------------------
                AM/PM
--------------------------*/


#digclock1 .ampm{
        position:absolute;
        bottom:40px;
        right:40px;
        font-size:24px;
  display: none;
}
}
