@media only screen and (max-width: 1650px) {


    .feature_box{
        height: 330px;
    }
    #content_features {

        display: block;

        height: 58%;

        margin: 0 auto;

        padding-top: 4%;

        width: 40%;

    }

    .tutorial_container img{

        max-width: 100%;

    }

    .content_nav {

        color: #333333;



        margin: 0 auto;

        width: 100%;

    }
    

   
}




/*MIN WIDTH 1650px*/

@media (min-width: 1650px){

}




/*MIN WIDTH 1650px end*/
/* ======================== MAX WIDTH 1440px and MIN WIDTH 1281px =====================*/



@media only screen and (max-width: 1440px) and (min-width:1281px){





    #content_features {

        display: block;

        height: 56%;

        margin: 0 auto;

        padding-top: 4%;

        width: 40%;

    }

    .icon_video {

        background: url("../images/play_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

        cursor: pointer;

        display: block;

        float: right;

        height: 52px;

        margin-top: -13px;

        width: 52px;

    }



    #content_right {

        background: none repeat scroll 0 0 white;

        border: 1px solid transparent;

        border-bottom-right-radius: 3px;

        border-top-right-radius: 3px;

        width: 34%;

    }

}





/* ======================== MAX WIDTH 1440px and MIN WIDTH 1281px  END =====================*/


@media (max-width: 1280px ){
    
    .feature_box{
        width:49%;
        height:300px;
    }
    .body_home .feature_box:nth-child(7){
        width:99%;
    }
    .body_home .product{
        margin-bottom: 40px;
    }
    
    
}
/* ======================== MAX WIDTH 1280px and MIN WIDTH 1025px =====================*/



@media only screen and (max-width: 1280px) and (min-width: 1025px){



    .text_description {

        display: block;

        float: right;

        margin-right: 20px;

        width: auto;

    }

  
    .text_video {

        float: right;

        font-size: 24px;

        font-weight: lighter;

        line-height: 24px;

    }

    #content > ul {

        display: block;

        float:none;

        height: auto;

        list-style: none outside none;

        margin-left: 10%;

        width: 100%;

    }
    #content_features {

        display: block;

        height: 59%;

        margin: 0 auto;

        padding-top: 1%;

        width: 40%;

    }

    input{

        width: 80%;

    }

}



/* ======================== MAX WIDTH 1440px and MIN WIDTH 1367px =====================*/



@media only screen and (max-width: 1440px) and (min-width:1367px) {

    .content_nav {

        color: #333333;

        margin: 0 auto;

        width: 100%;

    }


    .width_video{

        width:900px;

        height:600px;

    }



}



/* ======================== MAX WIDTH 1366px and MIN WIDTH 1281px =====================*/



@media only screen and (max-width: 1366px) and (min-width:1281px){



    .content_nav {

        color: #333333;

        margin: 0 auto;

        width: 100%;

    }

    .width_video{

        width:900px;

        height:500px;

    }


/*
    #fancybox-close {

        background: url("../images/close_navigation.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

        cursor: pointer;

        height: 41px;

        position: absolute;

        right: -172px;

        top: 16px;

        width: 41px;

        z-index: 10000;

    }*/





}



/* ======================== MAX WIDTH 1024px and MIN WIDTH 801px =====================*/


@media only screen and (max-width: 1024px) and (min-width:801px){

    .content_nav ul {

        width: 660px;

    }



    .width_video{

        width:700px;

        height:500px;

    }


  




    .inputs {

        display: block;

        padding-bottom: 30px;

        width: 215px;

    }



    #content li {

        display: block;

        float: left;

    }


    .text_video{

        margin-top:0;

        padding-top:0;

        color: #333333;

        float: right;

        font-family: "ProximaNova Light";

        font-size: 23px;

        font-weight: lighter;

        line-height: 24px;


    }

    .form_header h3 {

        color: #333333;

        font-family: "ProximaNova Light";

        font-size: 24px;

        font-weight: lighter;

        line-height: 8px;

    }


    input {

        border: 1px solid #bcbbbb;

        color: #333333;

        display: block;

        font-family: "ProximaNova Light";

        font-size: 14px;

        line-height: 28px;

        margin-bottom: 9px;

        padding-left: 20px;

        text-decoration: none;


    }

    #footer_content > ul {

        display: block;

        float: left;

        list-style: none outside none;

        padding-top: 0;

    }

    #content_features {

        display: block;

        height: 59%;

        margin: 0 auto;

        padding-top: 5%;

        width: 40%;

    }


    #content_features .content_nav li.active_icon {

        border-right: 1px solid #a98569;

        border-top: medium none;

    }



    .videos {

        display: block;

        padding-bottom: 0px;

    }



    #content > ul {

        display: block;

        float: none;

        height: auto;

        list-style: none outside none;

        width: 100%;

    }

}



/* ======================== MAX WIDTH 1024px and MIN WIDTH 801px END =====================*/








@media (min-width: 1025px){

    .main section.page1 .page_container{
        top :30%;
    }

    section.page4 .page_container{
        top: 30%;
    }

    .tutorial_container,.tutorial_container img {

        max-width: 75%;


    }
    .width_video{
        width:900px;
        height:500px;
    }
    .sidebar_nav{

        width: 25%;

        text-align: right;

    }


}

@media (max-width: 1024px){
    .main section.page1 .page_container{
        top :0;
    }
    
    /*Tutorial*/

    .tutorial_container{

        padding:10px;

    }
.mobile-show{

        display: inline;

    }
.onepage-pagination.section_nav.mobile-hide,.body_features .mobile-hide,.body_sales .mobile-hide,.tutorial .mobile-hide{
        display:none;
    }
    
    .tutorial_container,.tutorial_container img {

        max-width: 70%;


    }

    .sidebar_nav{

        width: 30%;

        text-align: right;

    }


    .content_tutorial {

        line-height: 2;

        background: white;

        padding: 0;

        border: none;



    }

    .content_tutorial h1 {

        letter-spacing: 0;

        margin-bottom: 20px;

        font-size: 30px;

    }



    /*Tutorial END*/

    .main_services .product-content h3 {
        padding: 0 20px;
    }
    .col1{
        padding: 0;
    }

    .mobile-hide{

        display: none;

    }

    .nav-mobile-show{

        display: inline;

        text-align: center;

    }





    .products,.shopping-cart {



        width: 100%;

    }

    .shopping-cart {

        background: none repeat scroll 0 0 #f1f1f1;

        border: 1px solid #e1e1e1;

        margin-left: 0;

        padding: 0 10px 10px;



    }

    .remove-itm > a {

        background: none repeat scroll 0 0 #ddd;



    }

    .body_sales .empty-cart {

        top:0;

    }



}


/* ======================== MAX WIDTH 980px =====================*/



@media only screen and (max-width: 980px){

	
    .body_home .product-content h3{
        margin-right: 20px;
        margin-left: 20px;

    }

    .content_features{

        margin: 10px auto;

    }

    .col1, .col2 {

        float: left;

        width: 100%;

        text-align: center;

    }

    .tutorial_container,.tutorial_container img {

        max-width: 100%;


    }

    .sidebar_nav{

        width: 100%;

        text-align: center;

    }


    .videos {

        display: none;

        float: right;

        padding-bottom: 29px;

        width: 80%;

    }



    .icon_video {

        background: url("../images/play_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

        cursor: pointer;

        display: block;

        float: right;

        height: 52px;

        margin-top: -13px;

        padding-right: 72px;

        width: 52px;

    }





    .inputs {

        display: block;

        margin: 0 auto;

        padding: 0;

        width: 215px;

    }



    .content_nav {

        color: #333333;

        margin: 0 auto;

        width: 100%;

    }





    #content_features {

        display: block;

        height: 65%;

        margin: 0 auto;

        padding-top: 1%;

        width: 50%;

    }



        

    

    .col-xs-4{

        padding-left: 1px !important;

        padding-right: 1px !important;

    }

}

/* ======================== MAX WIDTH 980px END =====================*/





/* ====================== 361 - 768 ==============================*/



@media only screen and (max-width: 768px) and (min-width:361px){



    .inputs {

        display: block;



        margin:0 auto;

        padding-bottom: 30px;

        width: 215px;

    }

    #content_features {

        display: block;

        height: 72%;

        margin: 0 auto;

        padding-top: 5%;

        width: 55%;

    }
    #content_sales{

        width: 65%;

    }
}







/*===========================  max-width: 600px  =====================*/



@media only screen and (max-width: 600px) {
/*body.body_features,.body_home,body.body_sales,body{background:#eee;}
    #products-wrapper > h1,.after_content_video a,.main section.page1 h2{
        color:#333;
    }*/
    .after_content_video span{color: #333;  }
.video-hide{
        display:none;
    }

    .feature_0 > span,

    .feature_1 > span,

    .feature_2 > span,

    .feature_3 > span,

    .feature_4 > span,

    .feature_5 > span,

    .feature_6 > span {

        display: none;


    }

    .body_features .content_nav,.content_nav {

        height: 80px;


    }


    .disabled-onepage-scroll .content_features {

        min-height: 514px;
    }



    .footer_text{

        font-size: 10px;

        padding: 0;

    }

    .footer_image {

        width: 70%;

    }



    .content_nav ul li,.body_features .content_nav ul li {



        margin: 0 1px;

        padding: 13px;

    }

    [class*="feature"] > img {

        position: relative;

    }



}

/*=====================  max-width: 600px END ===============*/





/*=================== Hide the mobile menu =========*/


@media (min-width: 641px){

    #nav_mobile {

        display: none;

    }
.container-partner .partner-box{
        display: table;
        position: relative;
        padding: 20px 0px;
    } 

}
@media(min-width:641px) and (max-width:680px){ .main section.page1 h2{font-size:27px;}}



/* ================================= MAX WIDTH 480px ======================================*/

@media(max-width: 480px){
    .content_nav ul,.body_features .content_nav ul {

        width: 300px;

        margin: 10px auto 0;

    }
    .content_nav ul li,.body_features .content_nav ul li{

        padding: 4px;

    }
    #navigation_inactive,#social_link {
    	left:10px;
    }
    .login_top,.register_button,.account_details {
    	margin-right: 10px;
    }
    
    
}


@media (max-width: 640px) {
    
    .forgot_data,.log_data,.register_data{
      /*  margin:60px auto 0;*/
      margin:0 auto;
      top:20px;
        position:absolute;
    }
.after_content_video span{color: #fff;}
    .disabled-onepage-scroll .main section.page4{
        background:white;
    }
    .feature_box{
        width: 100%;
        height: auto;
        margin:0;
        border-radius:0;

    }
    .feature_box:nth-child(2),.body_features .feature_box:nth-last-child(2),.body_features .feature_box:last-child,.body_features .feature_box:nth-child(9){
        width:100%;
        margin:0;
        border-radius:0;
    }
    .feature_box:last-child{
        margin-bottom: 10px;
        width:100%;
    }
    
    .disabled-onepage-scroll .content_features,.content_features{padding:0;}
    
    #content_right a {

        background: url("../images/login_button_top.png") no-repeat scroll 110px center rgba(0, 0, 0, 0);

        font-size: 12px;

        padding-left: 50px;



    }
	.body_home,body.body_features,.body_sales{background-image:url('../images/background3_contrast_800x450.jpg')}
	    section{
	        margin: 0 auto;
	    }
	    section.page1 {
	      margin: 40px auto 0;
	    }
	    #products-wrapper h1{
	        font-size: 18px;
	    }
	    #products-wrapper h1.offer{
	        font-size: 30px;
	    }
	    




    #content{

        width: 90%;

    }


    .register-hide{

        display: none;

    }


    #content_sales{

        width: 80%;

    }

    .title_feature {



        font-size: 18px;

        padding: 20px 30px;

    }

    #content_right {



        padding-bottom: 20px;

    }

    .register-show{

        display: block !important;

        width: 120px;

        margin:0 auto 8px;

    }

    .content_feature {



        font-size: 12px;

        padding-bottom: 20px;

        padding-left: 10px;

        padding-right: 10px;

    }
    
    .content_features{

        margin: 30px auto;

    }

    .body_home .content_features{

        margin:0;

        min-height: 420px;

    }

    .body_home .title_feature{

        padding: 0;

    }

    #column-3{

        margin-bottom: 0;

    }

    .text_description p{

        font-size: 13px;

    }



    ul.nav_top_mobile{

        display: inline-table;

        padding-left: 0;

    }


    footer{

        width: 100%;

    }


    .form_header h3 {



        font-size: 18px;

    }

    .inputs{

        padding-bottom: 0;

    }

    span.mobile_button_navigation {

        background: url("../images/navigation_icon.png") no-repeat scroll 10px center rgba(255, 255, 255, 0.75);

        border: 1px solid transparent;

        border-radius: 3px;

        color: #333333;

        cursor: pointer;

        display: block;

        font-family: "FontAwesome";

        font-size: 14px;

        line-height: 29px;

        padding-left: 30px;

        padding-right: 10px;

        padding-top: 30px;

        text-transform: uppercase;

        width: auto;

    }

    #nav_mobile {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

        float: left;

        height: auto;

        margin-top: -108px;

        transition: all 0.3s ease 0s;

        z-index: 99;

        width: 100%;

    }

    .navigation_top li a {



        line-height: 25px;



    }



    #register_top {

        margin-right: 0;

        margin-top: 70px;

    }

    #login_top{

        margin-right: 0;

        margin-top:30px;

        float: left;

    }


    #navigation_active ul {

        top:40px;

        width: 200px;

    }

    a.learn{

        top:0;
        background: #f0ad4e;
        box-shadow:inset 0 -3px 0px #eea236;

    }

    #social_link ul li {
        float: left;
    }

    .features_page #social_link{
        top:192px;
    }
    .body_sales #social_link,.body_home #social_link{
        top:79px;
    }
div#mysliderbighidden2 {
  top: 30px !important;
}

}



/* ================================= MAX WIDTH 480px END ======================================*/

@media (min-width: 481px) and (max-width: 600px){


    .body_features #social_link{

        top: 191px;

    }
    .content_nav ul,.body_features .content_nav ul {

        width: 450px;

        margin: 10px auto 0;

    }
    .content_nav ul li,.body_features .content_nav ul li{
        padding:13px;
    }

}
@media (min-width: 601px) and (max-width: 639px){

    .content_nav ul {



        margin: 0 auto !important;

    }
    .content_nav ul li{
        padding: 21px
    }

}


/*==================================      360x241       =======================================*/



@media only screen and (max-width: 360px) and (min-width:241px) {



    #navigation_inactive {

        display: block;

        float: left;

        

        z-index: 1;

    }




    .width_video{

        width:300px;

        height:300px;

    }

/*

    #fancybox-close {

        background: url("../images/close_navigation_responsive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

        height: 21px;

        position: absolute;

        right: 466px;

        top: -4px;

        width: 21px;

        z-index: 10000;

    }*/



    #content > ul {

        display: block;

        float: none;

        height: auto;

        list-style: none outside none;

        padding-left: 0;

        width: 100%;

    }





    .text_description p {

        color: #333333;

        display: block;

        float: left;

        font-family: "Myriad Pro";

        font-size: 13px;

        font-weight: normal;

        line-height: 16px;



        padding:0;

    }







    .icon_video {

        background: url("../images/play_button_responsive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

        cursor: pointer;

        display: block;

        float: right;

        height: 25px;

        margin-top: -8px;

        padding-right: 65px;

        width: 25px;

    }

    .videos{

        padding-bottom:5px;

    }
div#mysliderbighidden2 {
  top: 30px !important;
}




    .form_header h3 {

        color: #333333;

        font-family: "Myriad Pro";

        font-size: 14px;

        font-weight: lighter;

        line-height: 13px;

    }



    .inputs {

        display: block;

        margin: 0 auto;

        padding: 0;

        width: 215px;

    }



    input {

        border: 1px solid #bcbbbb;

        color: #333333;

        display: block;

        font-family: "Myriad Pro";

        font-size: 14px;

        line-height: 38px;

        margin-bottom: 8px;

        padding-left: 20px;

        text-decoration: none;

    }





    .inputs > a {

        background: url("../images/login_button_top.png") no-repeat scroll 110px center rgba(0, 0, 0, 0);

        color: #333333;

        display: block;

        font-family: "Myriad Pro";

        font-size: 15px;

        font-weight: lighter;

        padding-left: 30px;

        text-decoration: none;

    }





    .footer_text {

        color: white;

        font-size: 10px;

        margin-left: 50px;

        margin-top: -34px;

        text-transform: uppercase;

    }













    footer {

        display: block;

        margin: 0 auto;



        width: 100%;

        z-index: 7;

    }









    .content_nav {

        color: #333333;

        height: auto;

        margin: 0 auto;

        width: 100%;

        float: left;

    }







    .title_feature {

        font-family: "ProximaNova Light";

        font-size: 18px;

        padding: 0 15px;

    }





    .content_feature {

        font-family: "ProximaNova Light";

        font-size: 13px;

        padding-bottom: 20px;





    }





    #content_features {

        display: block;

        height: 58%;

        margin: 0 auto;

        padding-top: 14%;

        width: 90%;



    }



}





/*==================================    END 360x241       =======================================*/





@media (max-height: 500px){

    #navigation_active ul{

        top:80px;

    }



}

@media (max-width: 640px){
    .main section.page1 h2,.after_content_video a{
        color:#fff;
        font-size: 30px;
    }
    .after_content_video a:hover{
        color:#ddd;
    }
    .container {
        padding-left: 0;
        padding-right: 0;

    }
    .module_container{
        background:transparent;
    }
    .module{
        margin:5px 0;
    }
    .col-xs-4{
        margin-bottom: 5px !important;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, 
    .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, 
    .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, 
    .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, 
    .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, 
    .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, 
    .col-lg-12 {

        padding-left: 0;
        padding-right: 0;

    }

    .col-xs-4{
        width: 100%;
        margin-bottom: 20px;
    }
    .width_video{
    width: 600px;
    height: 400px;
    margin: 0 auto;
    }
    .table .table-cell[class^="col-md-"]{
        width: 100%;
        float: left;
    }

}
@media (max-width: 991px) and (min-width: 641px){
    .select-box-head {
        border: 1px solid #d4d4d4;
        cursor: pointer;
        height: 65px;
        line-height: 30px;
        overflow: hidden;
        padding: 0 10px;
    }
.width_video{
width: 750px;
height: 600px;
margin: 0 auto;
}
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){

    .disabled-onepage-scroll .main section.page4 {

        height: 1024px;

    }



    .disabled-onepage-scroll .main section.page4 .page_container {

        margin-top: 400px;

    }

}



/**

* iPad with landscape orientation.

*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){

    .disabled-onepage-scroll .main section.page4 {

        height: 768px;

    }


}



/**

* iPhone 5

* You can also target devices with aspect ratio.

*/