@media screen and (max-width: 1152px) {
    .container {
        width: 100%;
    }
    .bag {
        margin-left: 40%;
    }
    .pencil-2 {
        right: 34%;
    }
}
@media screen and (max-width: 1024px) {
    #age {
        padding: 50px 75px;
        font-size: 2.5em;
    }
    .pencil {
        top: 14%;
        width: 85px;
        right: 22%;
    }
    .bag {
        margin-left: 35%;
    }
    .globe {
        top: 10%;
        width: 80px;
    }
    .time {
        padding: 10px 0 10px 25px;
        font-size: 1.8em;
    }
    .white-box-1 {
        top: 35%;
    }
    .img-right {
        width: 400px;
        top: 58%;
    }
    .calc {
        width: 100px;
    }
    .block-01-txt-3 {
        font-size: 1.8em;
    }
    .block-01-txt-4 {
        font-size: 1.65em;
    }
    .white-box-2 {
        top: -75%;
        right: -27%;
    }
    .orange-box {
        top: -15%;
        right: -21%;
    }
    .pencil-2 {
        right: 31%;
        top: -10%;
        width: 65px;
    }
    .journal-2 {
        top: -94%;
        width: 100px;
    }
    .age {
        left: 41%;
    }
}
@media screen and (max-width: 960px) {
    .nabor {
        font-size: 7em;
    }
    .block-01-txt {
        font-size: 3em;
    }
    .age {
        top: 13%;
    }
    .pencil {
        width: 75px;
    }
    .time {
        margin-top: 58px;
        width: 300px;
    }
    .white-box-1 {
        top: 37%;
        width: 260px;
        border: 4px solid #ffffff;
    }
    .calc {
        width: 90px;
        left: 54%;
    }
    .img-right {
        width: 375px;
    }
    .white-box-2 {
        top: -90%;
        right: -32%;
    }
    .orange-box {
        top: -38%;
        right: -25%;
    }
}
@media screen and (max-width: 854px) {
    .book {
        width: 115px;
    }
    .bag {
        margin-left: 32%;
        width: 70px;
    }
    .logo {
        width: 200px;
    }
    .nabor {
        font-size: 6em;
    }
    .block-01-txt {
        font-size: 2.5em;
    }
    .globe {
        top: 8%;
        width: 70px;
    }
    .pencil {
        width: 65px;
        right: 20%;
    }
    .age {
        top: 11%;
    }
    .block-01-txt-2 {
        font-size: 2em;
    }
    .block-01-txt-3 {
        font-size: 1.5em;
    }
    .block-01-txt-4 {
        font-size: 1.25em;
    }
    .img-right {
        width: 335px;
    }
    .time {
        width: 265px;
    }
    .white-box-1 {
        top: 42%;
        width: 218px;
        border: 3px solid #ffffff;
        height: 235px;
    }
    .white-box-2 {
        top: -52%;
        right: -38%;
        border: 3px solid #ffffff;
    }
    .orange-box {
        top: -18%;
        right: -29%;
    }
    .pencil-2 {
        right: 33%;
        top: -10%;
        width: 55px;
    }
    .footer-txt-2 {
        font-size: 1.5em;
    }
    #footer-block {
        padding: 140px 0 25px;
    }
    .journal-2 {
        top: -90%;
        width: 75px;
    }
}
@media screen and (max-width: 853px) {
    .pencil-2 {
        right: 37%;
    }
}
@media screen and (max-width: 820px) {
    .journal-2 {
        right: 49%;
    }
    .pencil-2 {
        right: 37%;
    }
}
@media screen and (max-width: 800px) {
    .time {
        margin-top: 75px;
    }
    .white-box-1 {
        width: 200px;
        top: 45%;
    }
    .calc {
        width: 75px;
    }
    .block-01-txt-3 {
        font-size: 1.4em;
    }
    .block-01-txt-2 {
        font-size: 1.8em;
    }
    .white-box-2 {
        right: -42%;
    }
    .orange-box {
        top: -17%;
        right: -32%;
    }
    .age {
        background: url(images/blob_225.webp) center no-repeat;
        font-size: 2.2em;
        top: 13%;
    }
}
@media screen and (max-width: 768px) {
    .pencil-2 {
        right: 36%;
    }
}
@media screen and (max-width: 640px) {
    .book {
        width: 85px;
    }
    .bag {
        margin-left: 25%;
        width: 55px;
    }
    .nabor {
        font-size: 5em;
    }
    .globe {
        width: 55px;
    }
    .block-01-txt {
        font-size: 2em;
    }
    .age {
        background: url(images/blob_175.webp) center no-repeat;
        top: 7%;
        font-size: 1.8em;
        padding: 77px 56px;
    }
    .pencil {
        width: 50px;
        right: 15%;
    }
    .block-01-txt-3 {
        font-size: 1.2em;
    }
    .time {
        margin-top: 55px;
        font-size: 1.5em;
    }
    .white-box-1 {
        width: 180px;
        top: 41%;
    }
    .img-right {
        width: 300px;
    }
    .calc {
        width: 60px;
        top: 47%;
        left: 50%;
    }
    .block-01-txt-4 {
        font-size: 1em;
    }
    .block-01-txt-5 {
        width: 165px;
        font-size: 1.5em;
        left: 30px;
        padding: 20px 0;
    }
    .journal-2 {
        right: 51%;
        width: 60px;
        top: -64%;
    }
    #footer-block {
        padding: 95px 0 25px;
    }
    .white-box-2 {
        right: -60%;
        top: -36%;
    }
    .orange-box {
        top: 0%;
        right: -48%;
    }
    .pencil-2 {
        right: 36%;
        top: -2%;
        width: 45px;
    }
    .footer-txt-1 {
        font-size: 1.15em;
    }
    .footer-txt-2 {
        font-size: 1.4em;
    }
}
@media screen and (max-width: 544px) {
    .globe {
        top: 3%;
    }
    .pencil {
        right: 22%;
        top: 6%;
    }
    .age {
        top: 11%;
        left: 53%;
    }
    .time {
        margin-top: 83px;
    }
    .white-box-1 {
        top: 43%;
    }
    .img-right {
        width: 239px;
        top: 63%;
    }
    .calc {
        width: 55px;
        top: 51%;
        left: 56%;
    }
    .journal-2 {
        right: 30%;
    }
    .footer-kont {
        margin-right: 15px!IMPORTANT;
    }
    .white-box-2 {
        right: -82%;
        top: -35%;
    }
    .orange-box {
        top: -21%;
        right: -64%;
    }
    .pencil-2 {
        right: 32%;
        top: -10%;
        width: 40px;
    }
    .footer-txt-1 {
        font-size: 1.1em;
    }
    .white-box-2 {
        right: -105%;
        top: -26%;
    }
    .orange-box {
        top: -13%;
        right: -85%;
    }
    .pencil-2 {
        right: 25%;
        top: -10%;
    }
}
@media screen and (max-width: 540px) {
    .white-box-1 {
        top: 44%;
    }
    .white-box-2 {
        right: -80%;
    }
    .pencil-2 {
        right: 32%;
        top: 18%;
    }
    .orange-box {
        right: -63%;
    }
}
@media screen and (max-width: 480px) {
    .logo {
        width: 250px;
        float: none !important;
        margin: 0 auto;
        display: block;
    }
    .book {
        width: 85px;
        position: absolute;
    }
    .bag {
        margin-left: 85%;
        width: 50px;
        margin-top: -4%;
    }
    .age {
        top: 18%;
    }
    #preim {
        width: 100%;
    }
    pencil {
        right: 18%;
        top: 11%;
    }
    .nabor {
        font-size: 5.4em;
    }
    .white-box-1, .img-right {
        display: none;
    }
    .block-01-txt-4 {
        font-size: 1.2em;
    }
    #preim-2 {
        margin-top: 75px;
    }
    .time {
        margin-top: 340px;
    }
    .calc {
        top: 79%;
        left: 10%;
    }
    .footer-kont {
        margin-right: 15px;
    }
}
@media screen and (max-width: 480px) {
    .pencil {
        right: 18%;
        top: 13%;
    }
    .block-01-txt-2 {
        font-size: 1.7em;
    }
    .age {
        left: 49%;
    }
    .white-box-2 {
        right: -123%;
    }
    .orange-box {
        right: -101%;
    }
    .pencil-2 {
        right: 17%;
        top: 33%;
    }
    .journal-2 {
        right: 20%;
    }
}
@media screen and (max-width: 414px) {
    .nabor {
        font-size: 5em;
    }
    .globe {
        width: 50px;
    }
    .pencil {
        right: 15%;
        top: 12%;
    }
    .block-01-txt-2 {
        font-size: 1.5em;
    }
    .age {
        left: 46%;
    }
    .time {
        margin-top: 336px;
    }
    .calc {
        top: 78%;
        left: 6%;
        width: 50px;
    }
    .journal-2 {
        right: 11%;
    }
    .white-box-2 {
        right: -130%;
        top: 17%;
    }
    .orange-box {
        top: 27%;
        right: -105%;
    }
    .footer-kont {
        width: 20px;
    }
    #footer-block {
        padding: 80px 0 25px;
    }
    .footer-txt-2 {
        font-size: 1.3em;
    }
    .pencil-2 {
        right: 16%;
        top: 60%;
    }
}
@media screen and (max-width: 390px) {
    .time {
        margin-top: 355px;
    }
    .journal-2 {
        top: -68%;
    }
    .white-box-2 {
        right: -137%;
    }
    .orange-box {
        right: -110%;
    }
    .pencil-2 {
        right: 18%;
    }
}
@media screen and (max-width: 375px) {
    .block-01-txt {
        font-size: 1.8em;
    }
    .age {
        top: 15%;
    }
    .journal-2 {
        top: -68%;
    }
    .footer-kont {
        margin-right: 10px ! IMPORTANT;
    }
    .white-box-2 {
        right: -143%;
    }
    .orange-box {
        top: 31%;
        right: -116%;
    }
    .pencil-2 {
        right: 19%;
        top: 70%;
        width: 35px;
    }
    .footer-txt-1 {
        font-size: 1.05em;
    }
}
@media screen and (max-width: 360px) {
    .time {
        margin-top: 358px;
    }
    .white-box-2 {
        right: -152%;
    }
    .orange-box {
        right: -124%;
    }
    .pencil-2 {
        right: 16%;
    }
}
@media screen and (max-width: 352px) {
    .book {
        width: 60px;
        margin-top: 15px;
    }
    .bag {
        margin-left: 90%;
        width: 35px;
        margin-top: -40%;
    }
    #header-main {
        padding-top: 0px;
    }
    .logo{
        width: 200px;
        float: none !important;
        margin: 0 auto;
        display: block;
    }
    .nabor {
        font-size: 4.2em;
    }
    .globe {
        width: 50px;
        top: 6%;
    }
    .age {
        width: 175px;
        padding: 75px 35px;
        top: 20%;
    }
    .block-01-txt-2 {
        width: 125px;
    }
    #preim {
        width: 100%;
    }
    .white-box-1 {
        display: none;
    }
    .pencil {
        width: 40px;
        right: 8%;
        top: 19%;
    }
    .img-right {
        display: none;
    }
    .calc {
        width: 50px;
        top: 58%;
        left: 78%;
    }
    .block-01-txt-5 {
        left: 126px;
    }
    .journal-2 {
        right: 70%;
        width: 50px;
        top: -60%;
    }
    .footer-txt-1 {
        font-size: 1em;
    }
    .footer-kont {
        width: 25px!important;
        margin-right: 10px!important;
    }
    .footer-txt-2 {
        font-size: 1.2em;
    }
    .time {
        margin-top: 455px;
        font-size: 1.3em;
        width: 230px;
    }
    #preim-2 {
        margin-top: 60px;
    }
    #footer-block {
        padding: 70px 0 25px;
    }
    .white-box-2 {
        width: 318px;
        top: 74%;
        border: 2px solid #ffffff;
    }
    .orange-box {
        top: 85%;
        right: -121%;
    }
}
@media screen and (max-width: 344px) {
    .bag {
        margin-left: 88%;
        width: 35px;
        margin-top: 0%;
    }
    .globe {
        width: 40px;
        top: 2%;
    }
    .pencil {
        right: 15%;
        top: 11%;
    }
    .age {
        top: 14%;
        left: 52%;
    }
    .block-01-txt {
        font-size: 1.65em;
    }
    .block-01-txt-2 {
        width: 165px;
    }
    .calc {
        top: 52%;
    }
    .time {
        margin-top: 118%;
    }
    .white-box-2 {
        right: -75%;
        top: 2%;
    }
    .orange-box {
        top: 12%;
        right: -134%;
    }
    .pencil-2 {
        right: 12%;
        top: 47%;
    }
}
@media screen and (max-width: 320px) {
    .book {
        width: 50px;
    }
    .bag {
        margin-left: 90%;
        width: 30px;
    }
    #header-main {
        padding-top: 0px;
    }
    .logo{
        width: 200px;
        float: none !important;
        margin: 0 auto;
        display: block;
    }
    .nabor {
        font-size: 4.2em;
    }
    .globe {
        width: 40px;
        top: 4%;
    }
    .age {
        width: 175px;
        padding: 75px 35px;
        top: 17%;
    }
    .block-01-txt-2 {
        width: 125px;
    }
    #preim {
        width: 100%;
    }
    .white-box-1 {
        display: none;
    }
    .pencil {
        width: 40px;
        right: 15%;
    }
    .img-right, .pencil-2 {
        display: none;
    }
    .calc {
        width: 50px;
        top: 76%;
        left: 7%;
    }
    .block-01-txt-5 {
        left: 126px;
    }
    .journal-2 {
        right: 70%;
        width: 50px;
        top: -60%;
    }
    .footer-txt-1 {
        font-size: 1em;
    }
    .footer-kont {
        width: 25px!important;
        margin-right: 10px!important;
    }
    .footer-txt-2 {
        font-size: 1.2em;
    }
    .time {
        margin-top: 136%;
        font-size: 1.3em;
        width: 230px;
    }
    #preim-2 {
        margin-top: 60px;
    }
    #footer-block {
        padding: 70px 0 25px;
    }
    .white-box-2 {
        width: 318px;
        top: 74%;
        border: 2px solid #ffffff;
    }
    .orange-box {
        top: 85%;
        right: -138%;
    }
}
/*######  Design by VTEM http://www.vtem.net All Rights Reserved  ###########*/
/* Portrait tablet and down */
@media (max-width: 991px) {
	.oMenuStickOpen .nav.nav-canvas, .oMenuOverwrite{display:block !important;}
	.main-vtem-menu,
	.main-vtem-menu li{display:block; width:100% !important; margin:1px 0 !important;}
	.main-vtem-menu ul,
	.main-vtem-menu ul ul,
	.oVertical > .main-vtem-menu ul{position:relative !important; width:100% !important; left:0 !important;}
	.slideshow .box_skitter .prev_button,
	.slideshow .box_skitter .next_button{display:none !important;}
	/*///////K2 COMPONENT /////////////*/
	.subCategoryContainer{width:100% !important;}
}

/* Landscape tablet and up */
@media (min-width: 992px) {

}