body,li,ul,div,p,h1,h2,h3,h4,h5,h6,span{
    margin:0px;
    padding:0px;
}
body{
    height:100%;
}

.clear-element{
    display:block;
    clear:both;
}

hr{
    width:960px;
    border :1px solid #e4e4e4;
    margin:0px auto;
}

a { color: inherit; }
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}


.pointer{
    cursor:pointer;
}


/*---------------------------- fonts include start-------------------------*/

@font-face {
	font-family: 'VAGRoundedLTPro-Thin';
	src: url('frontpage/fonts/VAGRoundedLTPro-Thin.eot');
	src: url('frontpage/fonts/VAGRoundedLTPro-Thin.eot?#iefix') format('embedded-opentype'),
			 url('frontpage/fonts/VAGRoundedLTPro-Thin.otf') format('opentype');
}
@font-face {
	font-family: 'VAGRoundedLTPro-Light';
	src: url('frontpage/fonts/VAGRoundedLTPro-Light.eot');
	src: url('frontpage/fonts/VAGRoundedLTPro-Light.eot?#iefix') format('embedded-opentype'),
			 url('frontpage/fonts/VAGRoundedLTPro-Light.otf') format('opentype');
}
@font-face {
	font-family: 'VAGRoundedLTPro-Bold';
	src: url('frontpage/fonts/VAGRoundedLTPro-Bold.eot');
	src: url('frontpage/fonts/VAGRoundedLTPro-Bold.eot?#iefix') format('embedded-opentype'),
			 url('frontpage/fonts/VAGRoundedLTPro-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'VAGRoundedLTPro-Black';
	src: url('frontpage/fonts/VAGRoundedLTPro-Black.eot');
	src: url('frontpage/fonts/VAGRoundedLTPro-Black.eot?#iefix') format('embedded-opentype'),
			 url('frontpage/fonts/VAGRoundedLTPro-Black.otf') format('opentype');
}

/*
@font-face {
    font-family: VagRoundedThin;
    src: url("frontpage/fonts/VAGRoundedLTPro-Thin.otf") format("woff");
}
@font-face {
    font-family: VagRoundedLight;
    src: url("frontpage/fonts/VAGRoundedLTPro-Light.otf") format("woff");
}
@font-face {
    font-family: VagRoundedBold;
    src: url("frontpage/fonts/VAGRoundedLTPro-Bold.otf") format("woff");
}
@font-face {
    font-family: VagRoundedBlack;
    src: url("frontpage/fonts/VAGRoundedLTPro-Black.otf") format("woff");
}
*/
@font-face {
    font-family: open-sans-regular;
    src: url("frontpage/fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: open-sans-semibold;
    src: url("frontpage/fonts/OpenSans-Semibold.ttf");
}
@font-face {
    font-family: open-sans-hebrew-regular;
    src: url("frontpage/fonts/OPENSANSHEBREW-REGULAR.TTF");
}
@font-face {
    font-family: open-sans-hebrew-bold;
    src: url("frontpage/fonts/OPENSANSHEBREW-BOLD.TTF");
}
@font-face {
    font-family:open-sans-hebrew-light ;
    src: url("frontpage/fonts/OPENSANSHEBREW-LIGHT.TTF");
}
@font-face {
    font-family: kanuba-regular;
    src: url("frontpage/fonts/KANUBA-REGULAR.TTF");
}
@font-face {
    font-family: kanuba-bold;
    src: url("frontpage/fonts/KANUBA-BOLD.TTF");
}

/*---------------------------- fonts include end-------------------------*/


/*=========================================================================
				              header style
==========================================================================*/

header{
    width: 100%;
    position: fixed;
    background-color: #ffffff;
    margin: -97px 0px 0px 0px;
    z-index: 999;
    box-shadow: 0 3px 3px -3px rgba(0,0,0,0.25);
}

nav{
    width: 960px;
    margin:0 auto;
}

#logo{
    float:left
}

#socialLinks{
    float:left;
}

#socialIcons{
    float:right;
}

#nav-drop-menu{
    background-image: url("frontpage/images/menu_icon.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 16px;
    display:none;
    float: right;
    margin: 40px 20px 40px 0px;
}
#nav-close-drop-menu{
    background-image: url("frontpage/images/x_out.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 16px;
    display:none;
    float: right;
    margin: 40px 20px 40px 0px;
}

nav li{
    list-style: none;
    float: left;
    cursor: pointer;
}

.nav-list{
    margin: 40px 20px 40px 0px;
    font-family: VagRoundedThin;
    font-size: 14px;
    color:#373737;
}

@-moz-document url-prefix()
{
  .nav-list{
    font-size: 12px;
  }
}

.last-nav-list{
    margin-right: 32px;
}
@-moz-document url-prefix() {
    .last-nav-list{
        margin-right: 46px;
    }
}

.logo-icon{
    background-image: url("frontpage/images/header_logo.png");
    background-repeat: no-repeat;
    width: 129px;
    height: 35px;
    margin: 29px 32px 0 0;
    cursor: default;
}

.lang_he{
    background-image: url("frontpage/images/israel_flag.png");
    width: 23px;
    height: 16px;
    background-size: 23px 16px;
    background-repeat: no-repeat;
    margin: 40px 10px 40px 0px;
}

.footer_lang_he{
    background-image: url("frontpage/images/israel_flag.png");
    width: 18px;
    height: 13px;
    background-size: 18px 13px;
    background-repeat: no-repeat;
    margin: 2px 5px 0px 0px;;
}

.lang_en{
    background-image: url("frontpage/images/usa_flag.png");
    width: 23px;
    height: 16px;
    background-size: 23px 16px;
    background-repeat: no-repeat;
    margin: 40px 10px 40px 0px;
}

.footer_lang_en{
    background-image: url("frontpage/images/usa_flag.png");
    width: 18px;
    height: 13px;
    background-size: 18px 13px;
    background-repeat: no-repeat;
    margin: 2px 5px 0px 0px;;
}


.nav-youtube{
    background-image: url("frontpage/images/youtube_icon.png");
}

.nav-facebook{
    background-image: url("frontpage/images/facebook_icon.png");
}

.nav-pinterest{
    background-image: url("frontpage/images/pinterest_icon.png");
}

.nav-twitter{
    background-image: url("frontpage/images/twiter_icon.png");
}

.nav-mail{
    background-image: url("frontpage/images/mail_icon.png");
    margin-right: -1px !important;
}

.nav-icon{
    background-position: 0px 0px;
    background-repeat :no-repeat;
    width:23px;
    height:23px;
    margin: 36px 4px 0 0;
}

.nav-icon:hover{
    background-position: -23px 0px;
}

/*===============================================================================
				                    sections style
================================================================================*/

#mainContainer{
    width: 100%;
    margin: 0 auto;
}
/*----------------------main section start--------------*/
#mainImageSection{
    margin: 0 auto;
}

#mainImageSection #mainImage{
    width:960px;
    margin:0 auto;
}


#mainImageSectionDescription{
    font-family: VagRoundedThin;
    font-size: 23px;
    color: #373737;
    margin:25px 0 0 0;
    text-align: center;
    width:930px;
    margin:25px auto 0;

}

#mainImageSectionDescription .he{
    font-family: VagRoundedThin !important;
}

#mainImageSectionDescription span{
    font-family: VagRoundedLight;
    font-size: 30px;
    color: #007dc2;
}

#imagesContainer{
    margin: 55px auto 58px;
    width:576px;
    height:102px;
    cursor:pointer;
}

#imagesContainer div{
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 172px;
    height: 102px;
    float: left;
}

/*#imagesContainer div:hover{
	background-position: -172px 0px;
}*/

#imagesContainer div:first-child{
    background-image: url("frontpage/images/readers_choice_grey.png");
    margin-right: 30px;
}
#imagesContainer div:first-child:hover{
    background-image: url("frontpage/images/readers_choice.png");
}

#imagesContainer div:nth-child(2){
    background-image: url("frontpage/images/bett_awards_grey.png");
    margin-right: 30px;
}
#imagesContainer div:nth-child(2):hover{
    background-image: url("frontpage/images/bett_awards.png");
}

#imagesContainer div:last-child {
    background-image: url("frontpage/images/cool_tool_grey.png");
}
#imagesContainer div:last-child:hover {
    background-image: url("frontpage/images/cool_tool.png");
}
/*--------------------main section end -------------------*/








/*-------------------- middle section start-----------------*/

#middleSection{
    width:803px;
    margin: 60px auto 60px;
}

#middleSection .partial-container{
    float:left;
    width: 221px;
}

#middleSection .partial-container .icon{
    margin:0 auto 20px;
    background-repeat: no-repeat;
    width:42px;
    height:42px;
}

#middleSection div:first-child, #middleSection div:nth-child(2){
    margin-right: 70px;
}

#middleSection .partial-container:first-child .icon{
    background-image: url("frontpage/images/solution.png");
}

#middleSection .partial-container:nth-child(2) .icon{
    background-image: url("frontpage/images/easy.png");
}

#middleSection .partial-container:nth-child(3) .icon{
    background-image: url("frontpage/images/cost.png");
}

#middleSection .partial-container .title{
    text-align: center;
    margin: 0 0 20px 0;
    font-family: VagRoundedLight;
    font-size: 24px;
    color:#979797;
}

#middleSection .partial-container .description,
#middleSection .partial-container .device-description{
    line-height: 24px;
    font-family: open-sans-regular;
    font-size: 14px;
    color:#373737;
    text-align: center;
}

#middleSection .partial-container .device-description{
    display: none;
    line-height: 18px;
    margin: 10px 20px 40px 20px;
}

#middleSection .partial-container .device-title{
    text-align: center;
    margin: 0 0 20px 0;
    font-family: VagRoundedLight;
    font-size: 14px;
    color:#979797;
}

#middleSection .partial-container a{
    color:#007dc3;
    font-family: open-sans-regular;
    cursor: pointer;
}
/*----------------- middle section end ---------------------*/









/*----------------- explore section start ------------------*/

#exploreSection{
    height:772px;
}

#exploreSection .icon{
    margin:84px auto 0;
    background-image: url("frontpage/images/explore_icon.png");
    background-repeat: no-repeat;
    width: 63px;
    height: 63px;
}

#exploreSection .title{
    text-align: center;
    margin: 13px 0 0;
    font-family: VagRoundedLight;
    font-size: 30px;
    color:#f55d55;
}

#exploreSection .description{
    text-align: center;
    margin: 20px 0 0 0;
    line-height: 28px;
    font-size: 16px;
    font-family: open-sans-regular;
    color:#676767;
    width:620px;
    margin: 0 auto;
}

#exploreSection #exploreDots{
    margin:40px auto 0;
    width: 96px;
}
#exploreSection #exploreDots .red-nav{
    cursor:pointer;
}

#exploreSection #prev{ cursor: pointer }
#exploreSection #next{ cursor: pointer }

#exploreSection .red-nav{
    float:left;
    background-image: url("frontpage/images/nav_red.png");
    background-position: 0px 0px ;
    width:12px;
    height:12px;
    margin-right: 12px;
}
#exploreSection .nav-activate{
    background-position: -12px 0px ;
}

#exploreSection .description span{
    font-family: open-sans-semibold;
    color:#474747;

}

#exploreSection #ExploreBtns{
    width:300px;
    margin: 26px auto 0;
    /*cursor: pointer;*/
    position:relative;
}
#exploreSection #ExploreBtns .googleStoreBtn{
    float:left;
    width:137px;
    height:40px;
    background-image: url("frontpage/images/apps_download_buttons.png");
    background-position: 0px 0px ;
    background-repeat: no-repeat;
}
#exploreSection #ExploreBtns .googleStoreBtn:hover{
    background-position: 0px -40px ;
}

#exploreSection #ExploreBtns .googleStoreBtnDisable{
    float:left;
    width:136px;
    height:40px;
    background-image: url("frontpage/images/googlestore_disabl.png");
    background-position: 0px 0px ;
    background-repeat: no-repeat;
}

#exploreSection #ExploreBtns .googleAppBtn{
    float:right;
    width:136px;
    height:40px;
    background-image: url("frontpage/images/apps_download_buttons.png");
    background-position: -137px 0px ;
    background-repeat: no-repeat;
}

#exploreSection #ExploreBtns .googleAppBtn:hover{
    background-position: -137px -40px ;
}
#exploreSection #ExploreBtns .googleAppBtnDisable{
    float:right;
    width:136px;
    height:40px;
    background-image: url("frontpage/images/appstore_disabl.png");
    background-position: 0px 0px ;
    background-repeat: no-repeat;
}

#exploreSection #comingSoonRight{
    font-size: 14px;
    font-family: open-sans-regular;
    color: #979797;
    position: absolute;
    top: 42px;
    left: 193px;
}

#exploreSection #comingSoonLeft{
    font-size: 14px;
    font-family: open-sans-regular;
    color: #979797;
    position: absolute;
    top: 42px;
    left: 27px;
}


#exploreSection #exploreSectionData{
    position: absolute;
    width: 100%;
    z-index: 2;
}

#exploreSection #exploreImageSlider{
    height: 688px;
    width: 100%;
    margin: 182px auto 0;
    position: absolute;
    z-index: 0;
}

.bkImg1{
    background-image: url("frontpage/images/landing_page.jpg");
    width:100%;
    height:100%;
    background-position: center center;
    background-repeat: no-repeat;
    position:absolute;

}

.bkImg2{
    background-image: url("frontpage/images/milab_bkg.png");
    width:100%;
    height:100%;
    background-position: center center;
    background-repeat: no-repeat;
    position:absolute;
}

.bkImg3{
    background-image: url("frontpage/images/ej_bkg.png");
    width:100%;
    height:100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.bkImg4{
    background-image: url("frontpage/images/ew_bkg.png");
    width:100%;
    height:100%;
    background-position: center center;
    background-repeat: no-repeat;
}

#exploreSection #outerImageContainer{
    height: 360px;
    width: 100%;
    z-index: 10;
}

#outerImageContainer img{
    position:relative;
    z-index:0;
}

#exploreSection #tableContainer{
    position: relative;
    z-index: 11;
    top: 445px;
    width: 560px;
    margin: auto;
    height: 328px;
    background-image: url('frontpage/images/exolore_tablet.png');
    background-repeat: no-repeat;
}

#exploreSection #innerImageContainer{
    position: absolute;
    overflow: hidden;
    z-index: 12;
    width: 434px;
    height: 256px;
    top: 71px;
    left: 61px;
}

#exploreSection #innerImageContainer .left-slider{
    display: block;
    opacity: 0;
    left:430px;
}
#exploreSection #innerImageContainer .right-slider{
    display: block;
    opacity: 0;
    right:430px;
}

#innerImageContainer img{
    position: absolute;
}

#exploreSection #prev{
    background-image: url("frontpage/images/tablet_arrow_left.png");
    background-repeat: no-repeat;
    width: 38px;
    height: 68px;
    /*display: inline-block;*/
    position: absolute;
    z-index: 13;
    margin: 160px 0 0 2%;

}

#exploreSection #next{
    background-image: url("frontpage/images/tablet_arrow_right.png");
    background-repeat: no-repeat;
    width: 38px;
    height: 68px;
    display: inline-block;
    position: absolute;
    z-index: 13;
    margin: 160px 0 0 90%;

}
/*----------------- explore  section end ------------------*/








/*----------------- investigate section start --------------*/
#investigateSection{
    margin : 0 0 118px 0;
}

#investigateSection .icon{
    margin:84px auto 0;
    background-image: url("frontpage/images/investigate_icon.png");
    background-repeat: no-repeat;
    width: 63px;
    height: 63px;
}

#investigateSection .title{
    text-align: center;
    margin: 13px 0 0;
    font-family: VagRoundedLight;
    font-size: 30px;
    color:#75c159;
}

#investigateSection .description{
    text-align: center;
    margin: 30px 0 0 0;
    line-height: 28px;
    font-family: open-sans-regular;
    font-size: 16px;
    color:#676767;
    width:620px;
    margin: 0 auto;
}

#investigateSection .description span{
    font-family: open-sans-semibold;
    color:#474747;
}

#investigateSection #investigateImageSlider{
    width: 552px;
    margin: 18px auto 0;
}

#investigateSection #next{
    background-image: url("frontpage/images/grey_arrow_right.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 31px;
    height: 64px;
    margin: 15% 0px 0px 0px;
    cursor:pointer;
}

#investigateSection #prev{
    background-image: url("frontpage/images/grey_arrow_left.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 31px;
    height: 64px;
    margin: 15% 0px 0px 0px;
    cursor:pointer;
}

#investigateSection #investigateImageSlider > div{
    float:left;
    position:relative;
}

#investigateSection #imageContainer{
    margin: 0 30px;
    width:430px;
    height:300px;
    overflow:hidden;
}

/*#investigateSection #imageContainer img:nth-child(2){
    display: block;
    opacity: 0;
    left:430px;
}*/

#investigateSection #imageContainer .left-slider{
    display: block;
    opacity: 0;
    left:430px;
    cursor:pointer;
}

#investigateSection #imageContainer .right-slider{
    display: block;
    opacity: 0;
    right:430px;
    cursor:pointer;
}

#investigateSection #investigateImageSlider img{
    position:absolute;
}

#investigateSection #investigateDots{
    margin:30px auto 0;
    width: 72px;
    position: relative;
    z-index: 998;
}

#investigateSection #investigateDots .green-nav{ cursor: pointer }
#investigateSection .green-nav{
    float:left;
    background-image: url("frontpage/images/nav_green.png");
    background-position: 0px 0px ;
    width:12px;
    height:12px;
    margin-right: 12px;
}
#investigateSection .nav-activate{
    background-position: -12px 0px ;
}
/*----------------- investigate section end ----------------*/







/*----------------- CreateShare section start --------------*/

#createShareSection{
    margin : 84px auto 0;
}

#createShareSection .icon{
    margin:84px auto 0;
    background-image: url("frontpage/images/create_share_icon.png");
    background-repeat: no-repeat;
    width: 63px;
    height: 63px;
}

#createShareSection .title{
    text-align: center;
    margin: 13px 0 0;
    font-family: VagRoundedLight;
    font-size: 30px;
    color:#edb951;
}
#createShareSection .title label{
    color:#b4529a;
}

#createShareSection .description{
    text-align: center;
    margin: 30px 0 0 0;
    line-height: 28px;
    font-family: open-sans-regular;
    font-size: 16px;
    color:#676767;
    width:537px;
    margin:0 auto;
}

#createShareSection .description span{
    font-family: open-sans-semibold;
    color:#474747;
}
#createShareSection #createShareImg{
    background-image: url("frontpage/images/share_image.jpg");
    height:320px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 60px 0px 118px 0px;
}

#createShareSection #createShareBtns{
    width: 340px;
    margin: 30px auto 0px;
}

#createShareSection #createShareBtns #signUp{
    float:left;
    cursor: pointer;
}

#createShareSection #createShareBtns #store{
    float:right;
    cursor: pointer;
}

#createShareSection #createShareBtns .btns{
    padding: 0px 40px 0px 40px;
    height:40px;
    border:1px solid #007dc3;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-family: open-sans-regular;
    font-size: 20px;
    color: #007dc3;

}

/*----------------- CreateShare section end --------------*/







/*-----------------users section start -------------------*/

#usersSection{
    margin: 84px auto 84px;
    width:604px;
}

#usersSection #prev{
    background-image: url('frontpage/images/small_arrow_left.png');
    background-repeat: no-repeat;
    position:absolute;
    width: 15px;
    height: 26px;
    margin: 100px 0px 0px 0px;
}

#usersSection #next{
    background-image: url('frontpage/images/small_arrow_right.png');
    background-repeat: no-repeat;
    position:absolute;
    width: 15px;
    height: 26px;
    margin: -109px 0px 0px 324px;
}

#usersSection #next,
#usersSection #prev{
    display: none;
}

#usersSection .user-partial-container{
    float:left;
    width:271px;
}

#usersSection .user-partial-container:first-child{
    margin-right: 60px;
}

#usersSection .user-partial-container:first-child .icon{
    background-image: url("frontpage/images/quote.png");
    display: block;
    opacity:1
}
#usersSection .user-partial-container:nth-child(2) .icon{
    background-image: url("frontpage/images/quote.png");
    display: block;
    opacity:1
}
/*#usersSection .user-partial-container:nth-child(3) .icon{
    background-image: url("frontpage/images/brian_pic.png");
    display: block;
    opacity:1
}*/

#usersSection .signature{
    background-repeat: no-repeat;
    margin: 12px auto 7px;
    width: 150px;
    height: 20px;
}
#usersSection .user-partial-container:first-child .signature{
    background-image: url("frontpage/images/signature_daniel.png");
}
#usersSection .user-partial-container:nth-child(2) .signature{
    background-image: url("frontpage/images/signature_shanon.png");
}
#usersSection .user-partial-container:nth-child(3) .signature{
    background-image: url("frontpage/images/signature_brian.png");
}

#usersSection .user-partial-container .user-description{
    text-align: center;
}


#usersSection .icon{
    background-repeat: no-repeat;
    width: 33px;
    height: 27px;
    margin:0 auto 22px;
}
#usersSection .description{
    font-size: 12px ;
    font-family: open-sans-regular;
    color:#676767;
    text-align: center;
    height: 80px;
}

/*-----------------users section end -------------------*/






/*--------------------- footer start ---------------------*/

footer{
    background-color: #ececec;
    padding:36px 0 0 0;
    height:200px;
}

/*footer ul{
	width:541px;
	margin:0 auto;
}*/
footer li{
    float:left;
    list-style: none;
    cursor: pointer;
}

.footer-list{
    font-size: 12px;
    font-family: VagRoundedThin;
    color:#676767;
    padding-right: 9px;
    margin-right: 9px;
    border-right: 1px solid #b6b7b7;
}
.footer-icon{
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 18px;
    height: 18px;
    margin:0 2px
}
.footer-icon:hover{
    background-position: -18px 0;
}

.footer-youtube{
    background-image: url("frontpage/images/footer_icon_youtube.png");
}

.footer-facebook{
    background-image: url("frontpage/images/footer_icon_facebook.png");
}

.footer-pinterest{
    background-image: url("frontpage/images/footer_icon_pinterest.png");
}

.footer-twitter{
    background-image: url("frontpage/images/footer_icon_twitter.png");
}

.footer-mail{
    background-image: url("frontpage/images/footer_icon_mail.png");
}

footer #description{
    font-family: VagRoundedThin;
    font-size: 11px;
    color:#676767;
    line-height: 18px;
    width:586px;
    margin:36px auto 0;
    text-align: center;
}

footer #footerSocialIcons{
    display:inline-block;
}

footer #footerSocialLinks{
    display: inline-block;
}

footer #footerNavigation{
    display:table;
    margin: 0 auto;
}


/*--------------------- footer end -----------------------*/

/*===================================================================================
                             max - width : 960px
===================================================================================*/
@media screen and (max-width: 960px) {
    nav{
        width:100%;
    }
    #mainImageSection #mainImage{
        width:100% !important;
        height: auto;
    }
    #mainImageSection #mainImage img{
        width:100% !important;
        height: auto;
    }
    #mainImageSectionDescription{
        width:100% !important
    }

    #exploreSection #exploreImageSlider{
        display: none;
    }

    #exploreSection .description{
        font-size: 14px;
        width:66%;
    }

    #investigateSection .description{
        font-size: 14px;
        width:59%
    }

    hr{
        width:90%;
    }
}

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


@media screen and (max-width: 890px){
    .logo-icon{
        margin: 29px 32px 0 20px;
    }
    #socialIcons{
        margin-right: 20px;
    }
    #socialLinks{
        margin: 0px 0px 0px 60px;
    }
    .nav-list{
        margin: 20px 20px 20px 0px;
    }
    #middleSection div:first-child, #middleSection div:nth-child(2){

    }

    /*#usersContainer{
        position:relative;
        width:271px;
        display: table;
        margin: auto;
        height: 210px;
        overflow: hidden;
    }

    #usersSection{
        position:relative;
        width:346px;
        overflow: hidden;
    }

    #usersSection #next,
    #usersSection #prev{
        display: block;
    }


    #usersContainer .user-partial-container:first-child{
        position:absolute
    }

    #usersContainer .user-partial-container:nth-child(2){
        position:absolute;
        left: -271px;
    }

    #usersContainer .user-partial-container:nth-child(3){
        position:absolute;
        left: 271px;
    }

    #usersContainer .user-partial-container{
        width:200px;
    }

    #usersSection{
        width:268px;
    }

    #usersSection #next{
        margin: -106px 0px 0px 255px;
    }

    #usersContainer{
        width:200px;
    }*/
}

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

@media screen and (max-width: 786px){
    .nav-list{
        margin: -12px 20px 20px 0px;
    }

    #middleSection{
        width: 100%;
    }

    #middleSection .partial-container .device-description{
        display: block;
        float:right;
        width:70%;
        text-align: right;
    }
    #middleSection .partial-container .description{
        display: none;
    }
    #middleSection .partial-container .title{
        display: none;
    }
    #middleSection .partial-container{
        width:93%;
        margin-left: 20px;
    }
    #middleSection .partial-container .icon{
        float:right;
    }

    #exploreSection .description{
        font-size: 14px;
        width:83%;
    }

    #investigateSection .description{
        font-size: 14px;
        width:66%
    }

    #createShareSection .description{
        font-size: 14px;
        width:86%
    }

    #usersContainer{
        position:relative;
        width:271px;
        display: table;
        margin: auto;
        height: 210px;
        overflow: hidden;
    }

    #usersSection{
        position:relative;
        width:346px;
        overflow: hidden;
    }

    #usersSection #next,
    #usersSection #prev{
        display: block;
    }


    #usersContainer .user-partial-container:first-child{
        position:absolute
    }

    #usersContainer .user-partial-container:nth-child(2){
        position:absolute;
        left: -271px;
    }

    #usersContainer .user-partial-container:nth-child(3){
        position:absolute;
        left: 271px;
    }

    #usersContainer .user-partial-container{
        width:200px;
    }

    #usersSection{
        width:268px;
    }

    #usersSection  .description{
        height:90px;
    }

    #usersSection #next{
        margin: -106px 0px 0px 255px;
    }

    #usersContainer{
        width:200px;
    }



}

/*===================================================================================
                             max - width : 604px
===================================================================================*/
@media screen and (max-width : 600px ){
    #exploreSection #next{
        margin: 160px 0 0 88% !important;
    }
    #exploreSection #prev{
        margin: 160px 0px 0px 2% !important;
    }
}

@media screen and (max-width : 559px ){
    #exploreSection #next{
        margin: 32% 0 0 88% !important;
    }
    #exploreSection #prev{
        margin: 32% 0 0 2% !important;
    }
}


@media screen and (max-width: 604px){
    #mainImageSection{
        margin: 90px auto 0;
    }
    #mainImageSectionDescription,
    #mainImageSectionDescription span{
        font-size: 1em;
    }

    #imagesContainer{
        width:100%;
        height:17vw;
    }

    #imagesContainer div{
        width:29%;
        background-size: contain;
    }
    #imagesContainer div:not(:last-child){
        margin-right: 5%;
    }

    #investigateSection .description{
        font-size: 14px;
        width:74%
    }

    #innerImageContainer img{
        width:100%;
        height:auto;
    }


    #innerImageContainer{
        width: 72% !important;
        left: 13% !important;
    }

    #exploreSection{
        height: 720px;
    }

    #exploreSection #tableContainer{
        width:100%;
        background-image: url('');
        top:370px
    }


    #exploreSection #prev{
        background-image: url('frontpage/images/small_arrow_left.png');
        margin : 160px 0 0 8%;
    }

    #exploreSection #next{
        background-image: url('frontpage/images/small_arrow_right.png');
        margin: 160px 0 0 88%;
    }

    #investigateSection #investigateImageSlider{
        width:100%;
        margin-left: 14%;
    }

    #investigateSection #imageContainer{
        width:62%;
        margin: 0 0;
        height: 47vw;
    }

    #investigateSection #imageContainer img{
        width:100%;
    }

    #investigateSection #next{
        background-image: url('frontpage/images/small_arrow_right.png');
    }

    #investigateSection #prev{
        background-image: url('frontpage/images/small_arrow_left.png');
    }

    footer #description{
        width:80%;
    }

    footer #footerSocialIcons{
        display: table;
        margin: 20px auto 0;
    }

    #createShareSection #createShareImg{
        background-size: 150%;
        height:50vw;
        margin: 5% 0 20% 0;
    }

    #investigateSection .icon{
        margin :9% auto 0;
    }
}

@media screen and (max-width: 426px){
    footer #footerSocialLinks{
        width:308px;
    }
}

@media screen and (max-width: 325px){
    footer #footerSocialLinks{
        width:251px;
    }
}

@media screen and (max-width: 480px){
    #exploreSection .icon,
    #investigateSection .icon{
        background-size: 50px 50px ;
        width:50px;
        height:50px;
    }

    #socialIcons{
        display:none;
        position:absolute;
        top:300px;
        left:31%;
    }
    #socialLinks{
        display:none;
        position: absolute;
        top:120px;
        left:31%;
        width:117px;
    }
    #nav-drop-menu{
        display: block;
    }

    #createShareSection .icon{
        background-size: 118px 50px ;
        width:50px;
        height:50px;
    }

    #exploreSection #prev{
        margin: 37% 0 0 7%;
    }

    #exploreSection #next{
        margin: 37% 0 0 88%;
    }

    #createShareSection #createShareBtns{
        width:264px;
    }

    #createShareSection #createShareBtns .btns{
        padding : 0px 30px 0px 30px;
        font-size: 18px;
    }

    #investigateSection .icon{
        margin :40px auto 0;
    }

    #exploreSection{
        height:638px;
    }

    #usersSection{
        margin-top: 40px;
    }

    #createShareSection #createShareImg{
        margin-bottom: 40px;
    }

    #createShareSection{
        margin-top: 40px;
    }

    #createShareSection .icon{
        margin-top: 40px;
    }

    #investigateSection{
        margin-bottom: 40px;
    }

    #exploreSection .icon{
        margin-top: 40px;
    }

    #usersSection{
        margin-bottom: 40px;
    }

    #middleSection{
        margin-bottom: 0px;
        margin-top: 40px;
    }

    #imagesContainer{
        margin-bottom: 36px;
    }




}


@media screen and (max-width: 330px){
    #createShareSection .description{
        font-size: 14px;
        width:92%
    }

    #exploreSection #prev{
        margin: 39% 0 0 4%;
    }

    #exploreSection #next{
        margin: 39% 0 0 88%;
    }


}




/*===================================================================================
                             min-device-width : 320px
                             max-device-width : 480px
===================================================================================*/
@media screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    #socialIcons{
        display:none;
    }
    #socialLinks{
        display:none;
    }
    #nav-drop-menu{
        display: block;
    }
    #mainImageSection{
        margin: 90px auto 0;
    }

    #exploreSection #prev{
        margin: 39% 0 0 7%;
    }

    #exploreSection #next{
        margin: 39% 0 0 88%;
    }



}

/* Smartphones (portrait) ----------- */
@media screen
and (max-width : 320px) {
    #investigateSection .icon{
        margin :41px auto 0;
    }

    #exploreSection{
        height:645px;
    }

    #exploreSection{
        height:571px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}