/* Responsive CSS */
.imgs {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: opacity 0.6s ease-in-out 0s;
    position: relative;
}
.fluid_container {
    top:50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*@media only screen and (max-width: 1920px) {
        .fluid_container {
                top:165px !important;
        }
}*/

/*@media only screen and (min-width: 1401px) and (max-width: 1600px) {
        .fluid_container {
                top:60px !important;
        }
}*/



@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    /*	.fluid_container {
                    top:60px !important;
            }
            
            .fluid_container {
                    top:20px !important;
            }*/

    .camera_caption > div {
        padding-top: 0px;
    }

    .camera_wrap {
        height: 100px !important;
    }

    .playbutton {
        margin:0px auto !important;
    }

    .getstartedbutton {
        margin-top: 0px !important;
    }
    .mybutton{font-size: 25px !important;
              height: 28px !important;
              padding: 9px !important;
              width: 150px !important;}

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
/*    .fluid_container {
        top:20px !important;
    }*/

    .camera_caption > div {
        padding-top: 0px;
    }

    .camera_wrap {
        height: 100px !important;
    }

    .playbutton {
        margin:0px auto !important;
    }

    .getstartedbutton {
        margin-top: 0px !important;
    }



    .fluid_container > div{font-size:32px !important;}
    .camera_caption span{font-size:32px !important;}
    .mybutton{font-size:32px !important;}
    .camera_caption span{font-size:29px !important;}
    .camera_caption > div{line-height:30px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:29px !important; font-size:25px !important;}
}

@media only screen and (max-width: 1024px) {
    /* Your Style here */
    #mainwrap {
        width:1020px !important;
        float: left;
        padding:0px;
    }

    #logo {
        width:500px !important;
        margin-left:10px;
    }

    .topnav {
        margin:31px 0 0 0 !important;
        float:right;
        width:500px !important;
    }

    .fluid_container {
/*        top: 74px !important;*/
        line-height: 46px;
    }

    .fluid_container > div {
        margin-top:0px !important;
        font-size: 28px !important;
    }

    #camera_wrap_2 {
        height:90px !important;
    }

    .camera_wrap {
        margin-top:0px !important;		
    }


    .camera_caption > div {
        padding-top:0px !important;		
    }

    .camera_caption span {
        font-size: 24px !important;
    }

    .top_tabs ul {
        padding:0 !important;
    }

    .inner_box {
        margin:0 auto !important;
        width:1000px !important;
    }

    .playbutton, .getstartedbutton {
        margin: 0px auto !important;
        padding: 0px !important;
    }

    .leftmainbox {
        margin:25px 0 0 0 !important;
    }

    .leftsection {
        padding-left:0 !important;
    }

    .rightsection {
        margin-left:0 !important;
        width:440px !important;
    }

    .rightsection001 {
        margin-left: 15px !important;
        margin-right: 20px !important;
        width: 445px !important;
    }

    .bottommiddle {
        margin:55px 0px 0px 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .fluid_container > div{font-size:18px !important;}
    .camera_caption span{font-size:18px !important;}
    .mybutton{font-size:17px !important;}
    .camera_caption span{font-size:16px !important;}
    .camera_caption > div{line-height:30px !important;}
    .mybutton{font-size: 16px !important;height: 27px !important;padding: 0px !important;width: 134px !important;position: relative !important;top: -21px;}
    .playbutton{margin-top:0px !important;}

    .video_player.cboxElement > img{width:170px !important;}

}

@media only screen and (min-width: 980px) and (max-width: 1023px) {
    .fluid_container > div{font-size:23px !important;}
    .camera_caption span{font-size:23px !important;}
    .mybutton{font-size:23px !important;}
    .camera_caption span{font-size:23px !important; line-height:40px; }
    .camera_caption > div{line-height:30px !important;}
    .mybutton{width:150px !important; padding:6px !important; height:29px !important; font-size:25px !important; margin-top: 19px !important;}
    .playbutton{margin-top:0px !important;}

    .video_player.cboxElement > img{width:175px !important;}
}

@media only screen and (min-width: 1420px) and (max-width: 1600px) {
    .fluid_container > div{font-size:35px !important;}
    .camera_caption span{font-size:29px !important;}
    .mybutton{font-size:29px !important; }
    .camera_caption span{font-size:29px !important;line-height:40px;}
    .camera_caption > div{line-height:30px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:29px !important; font-size:25px !important;}
    .playbutton{margin-top:-15px !important;}
    .cameraContent.cameracurrent{margin-top:15px !important;}

}

/* iPad Portrait */
@media only screen and (max-width: 768px) {
    /* Your Style here */

    /*.fluid_container {
            top:30px !important;
    }*/
}

@media only screen and (min-width: 1368px) and (max-width: 1420px) {
    .fluid_container > div{font-size:33px !important;}
    .camera_caption span{font-size:33px !important; line-height:53px !important;}
    .mybutton{font-size:33px !important;}
    .camera_caption span{font-size:33px !important;}
    .camera_caption > div{line-height:40px !important; line-height:44px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:28px !important; font-size:21px !important;}
    .playbutton{margin-top:55px !important;}
    .getstartedbutton{margin-top:0px !important;}
    .cameraContent.cameracurrent{margin-top:15px !important;}
}


@media only screen and (min-width: 1280px) and (max-width: 1330px) {
    .fluid_container > div{font-size:31px !important;}
    .camera_caption span{font-size:26px !important; line-height:36px !important;}
    .mybutton{font-size:31px !important;}
    .camera_caption span{font-size:26px !important;}
    .camera_caption > div{line-height:40px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:28px !important; font-size:21px !important;}
    .playbutton{margin-top:35px !important;}
    .getstartedbutton{margin-top:62px !important;}
    .cameraContent.cameracurrent{margin-top:15px !important;}
}

@media only screen and (min-width: 1920px) and (max-width: 2200px) {
    .fluid_container > div{font-size:43px !important;}
    .camera_caption span{font-size:38px !important; line-height:53px !important;}
    .mybutton{font-size:43px !important;}
    .camera_caption span{font-size:38px !important;}
    .camera_caption > div{line-height:40px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:28px !important; font-size:21px !important; margin-top: 13px !important;}
    .playbutton{margin-top:50px !important;}
    .getstartedbutton{margin-top:0px !important;}
}


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .fluid_container > div{font-size:25px !important;}
    .camera_caption span{font-size:20px !important; line-height:34px !important;}
    .mybutton{font-size:25px !important;}
    .camera_caption span{font-size:20px !important;}
    .camera_caption > div{line-height:25px !important;}
    .mybutton{width:120px !important; padding:9px !important; height:28px !important; font-size:21px !important;}
    .playbutton{margin-top:13px !important;}
    .getstartedbutton{margin-top:0px !important;}
    .cameraContent.cameracurrent{margin-top:15px !important;}

}

@media only screen and (min-width: 1331px) and (max-width: 1367px) {
    .fluid_container > div{font-size:31px !important;}
    .camera_caption span{font-size:26px !important; line-height:36px !important;}
    .mybutton{font-size:31px !important;}
    .camera_caption span{font-size:26px !important;}
    .camera_caption > div{line-height:43px !important;}
    .mybutton{width:150px !important; padding:9px !important; height:28px !important; font-size:21px !important;}
    .playbutton{margin-top:35px !important;}
    .getstartedbutton{margin-top:0px !important;}
    .cameraContent.cameracurrent{margin-top:15px !important;}
}
@media(min-width:1280px){
    .getstartedbutton{margin-top:62px !important;}
}