@charset "UTF-8";
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    font-weight: normal;
}
.box{
    max-width:900px;
    margin:107px auto 0;
    padding-bottom:30px
    
}
#mainPhoto p,.nav.navbar-nav .active a{
    font-weight:700
    
}
#langBtn,#mainPhoto h1{
    text-transform:uppercase;
    
}
#biztositasPage .absText h3,#blogPage h1,#copyRight,.copyr,footer h2,li.pe .fas{
    text-align:center
    
}
#cegadatok,#cegadatok ul,#langSelect,.absText li,footer li{
    list-style-type:none
    
}
body{
    font-family:Montserrat,sans-serif
    
}
body .navbar-fixed-bottom .navbar-collapse,
body .navbar-fixed-top .navbar-collapse{
    max-height:100vh !important
    
}
#blogPage .nav a::before,.absText li::before{
    font-family:"Font Awesome 5 Free"
    
}
.navbar-brand{
    padding:3px;height:auto
    
}
.navbar.navbar-default{
    background:rgba(255,255,255,1);border:none
    
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    background:#fff;font-weight:700
    
}
#headerDevider{
    position:fixed;height:3px;background:#1473c7;width:100%;top:76px;transform:skewY(-1.5deg)
    
}
.nav.navbar-nav a{
    font-size:15px
    
}
#mainPhoto{
    background-image:url(../img/truck21.jpg);
    background-size:cover;
    height:100vh;
    position:relative;
    background-position:center
    
}

#mainPhoto .text{
    position:absolute;bottom:45px;left:50.5%;text-shadow:1px 1px 1px #444;color:#fff
    
}
.onTop .navbar-fixed-top{
    padding:15px 0;background:rgba(255,255,255,.95)
    
}
li.active a{
    background:0 0!important
    
}
#mainPhoto h1{
    margin-bottom:0
    
}
#mainPhoto p{
    font-size:calc(11px + 1vw)
    
}
.nav.navbar-nav li a{
    font-size:17px;color:#444!important;padding-top:24px
    
}
.navbar.navbar-default.navbar-fixed-top{
    transition:all .6s ease-in-out;box-shadow:0 0 5px #ccc
    
}
#mainPhoto .text a{
    color:#ffff0d;padding:12px 43px;font-size:calc(14px + .6vw);border-radius:9px;text-decoration:none;display:inline-block;margin-top:5px;border:1px solid #ffff0d
    
}
.photoLayer{
    width:100%;height:100vh;position:absolute;top:0;left:0;background:linear-gradient(#000,#000);opacity:.3
    
}
.lines,.linesIn{
    height:100%;transform:translateX(-50%);border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);right:0
    
}
.lines,.linesIn,.linesIn span{
    left:50%;top:0;position:absolute
    
}
.lines{width:90%;display:none}
.linesIn{width:50%}
.linesIn span{height:100vh}
.linesIn span::after{background:rgba(255,255,255,.3);content:"";margin:auto;top:0;right:0;bottom:0;left:0;position:absolute;width:1px;height:100vw;color:#fff}
header nav li>a::before{background:#b8aa0d;content:"";opacity:0;top:11px;left:7px;position:absolute;width:5px;height:0;transition:all .3s ease-in-out}
header nav li:hover a::before{opacity:1;height:calc(100% - 25px)}
#mainPhoto h1{position:absolute;left:17%;top:25vh;font-size:calc(20px + 3vw);color:#fff;font-weight:lighter}
#mainPhoto h1 span:nth-of-type(2){font-weight:700;margin-left:12vw;color:#888}
#mainPhoto .text p{font-weight:400}
.ptb img{
    width:100%;
    filter:invert(1)
    
}
.ptb .col-sm-12{
    width:150px;
    margin-bottom:35px;
    right:-250px;
    transition:right .6s ease-in-out
    
}
.ptb .col-sm-12 div{
    border:2px solid #fff;
    padding:20%;
    border-radius:10px
    
}
.ptb{
    position:absolute;
    width:212px;
    right:30px;
    top:190px
    
}
.underLine{position:absolute;left:0;top:calc(25vh + 3vw + 44px);width:0;height:2px;background:#fff;transition:width 1.4s ease-in-out}
.underLine.active{width:calc(31vw + 87px)}
.ptb .col-sm-12.active{
    right:0
    
}
#aboutUs{
    padding:3vw;
    padding-top:0px;
}

.imgWrapper img{width:100%}

.textWrapper{
    margin:0 auto;
    background:#fff
    
}
.absText{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-width:300px;
    padding:4px 15px 15px;
    right:-85px;
    background:#b8aa0d;
    color:#fff;
    font-weight:bold;
    
}
.background{
    background-color:#f1f1f1;
    background-position:left;
    background-attachment:fixed;
    background-size:contain;
    background-repeat:no-repeat
    
}
/*----Mechanical Transport---*/
#gepszallitasPage
{
    padding-top:124px;
}
#gepszallitasPage h2,
#gepszallitasPage h3,
#gepszallitasPage h4{
    padding-left: 10px !important;
}
#gepszallitasPage h4{
    font-weight: bold;
}
#gepszallitasPage h2,
#gepszallitasPage h3{
    margin-bottom: 30px !important;
}

#gepszallitasPage img {
    width: 80%;
    height: auto;
    margin: 30px auto;
    margin-bottom: 50px;
    display: block;
}

/*--- international transport page --*/
#transportation{
    background-image:url(../img/transportation.png);
    padding-top:150px
    
}
#nemzetkozi-fuvarozasPage .sharecontainer{
    margin-top:60px;
    margin-bottom: 50px;
    float:right;
}
#nemzetkozi-fuvarozasPage .textWrapper h1
{
    color: #b8aa0d;
    margin-top:60px;
    text-align:center
}
#nemzetkozi-szallitmanyozasPage .sharecontainer{
    margin-top:120px;
    margin-bottom: 10px;
    float:right;
}
#tulmeretes-szallitasPage .textWrapper h1{
    color: #b8aa0d;
    margin-top:220px;
    text-align:center
}
#nemzetkozi-szallitmanyozasPage .box
{
    margin-top:0px !important; 
    padding-top:120px;
}
#tulmeretes-szallitasPage .box
{
    margin-top:0px !important; 
    padding-top:150px;
}
#gepszallitasPage .box{
    margin-top:0px !important; 
    padding-top:20px;
}
h2 , h4{
    
    margin:0!important;
    padding-left: 10px;
    
}
.imgWrapper{position:relative}
.textWrapper p{
    padding:10px 10px;
    
}.imgWrapper+p{padding-top:50px}.absText li::before{font-weight:900;content:"\f00c";margin-left:-20px;margin-right:5px;color:#fff}.navbar-brand img{padding-left:30px;transition:all .6s ease-in-out;padding-top:6px;height:47px}

.onTop .navbar-brand img{
    height:70px;
    padding:0 0 0 30px
    
}

footer{background:#444;color:#fff;padding-top:25px}
footer a{color:#fff;font-size:18px}
footer h2{padding-bottom:15px;color:#b8aa0d}
footer a:hover{color:#fff;text-decoration:none}
footer li{font-size:18px;padding:10px}
footer ul{padding:0}
.fa-envelope,.fas.fa-phone{font-size:22px;margin-right:9px;color:#b8aa0d}
#btnContactUs{background-color:#b8aa0d;border-color:#b8aa0d;color:#222}
body{font-size:16px}
footer p{margin-bottom:25px}
.copyr{background:#333;padding:10px;margin-top:30px}
.anchor{display:block;height:59px;margin-top:-59px;visibility:hidden}


.navbar-toggle{
    margin-right:20px;margin-top:21px;border-color:transparent!important}
.navbar-toggle span{background-color:#000!important;transition:all .3s ease-in-out}
.navbar-toggle.collapsed span{width:30px!important}
.navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{background:0 0!important}
.navbar-toggle span:nth-of-type(2){transform:translate(-6px,6px) rotate(45deg);transition:all .3s ease-in-out}
.navbar-toggle span:nth-of-type(3){width:0}.navbar-toggle span:nth-of-type(4){transform:translate(-6px,-6px) rotate(-45deg);transition:all .3s ease-in-out}
.navbar-toggle.collapsed span{transform:rotate(0);transition:all .3s ease-in-out}
#szallitmanyozas .absText{background-color:#799cb8;border:2px solid #fff}
#referenciakPage {
    padding-top: 120px;
}

#referenciakPage .box{
    margin:10px auto 0;
    padding-top:80;
    background-color:white;
    /*max-width:900px;
    margin:107px auto 0;
    padding-bottom:30px */
}
#referenciakPage .box h1{
    margin-top:50;
}
#nemzetkozi-fuvarozasPage {
    padding-top: 0px;
}
#biztositasPage,
#blogPage,
#nemzetkoziPage,
#szallitmanyozasPage,
#nemzetkozi-fuvarozasPage{
    padding-top:124px
    
}

.imagetext{
    padding-bottom: 129px;
    /* font-size: 50px; */
    font-size: calc(-5px + 3vw);
    text-align: center;
    margin-top: -27%;
    color: #b8aa0d;
    font-weight: 900;
    text-shadow: -1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7; 
    -moz-text-shadow: -1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7;
    -webkit-text-shadow:-1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7;
    
    
    padding-bottom: 59px;
}
.imagetextblue{
    /* font-size: 33px; */
    font-size: calc(-5px + 3vw);
    text-align: center;
    margin-top: -44%;
    color: #1473c7;
    font-weight: 900;
    text-shadow: -1px 0 #b8aa0d, 0 1px #b8aa0d, 1px 0 #b8aa0d, 0 -1px #b8aa0d; 
    -moz-text-shadow: -1px 0 #b8aa0d, 0 1px #b8aa0d, 1px 0 #b8aa0d, 0 -1px #b8aa0d;
    -webkit-text-shadow: -1px 0 #b8aa0d, 0 1px #b8aa0d, 1px 0 #b8aa0d, 0 -1px #b8aa0d;
    padding-bottom: 160px;
}
#tulmeretes-szallitasPage .imagetext{
   /* font-size: 50px; */
    font-size: calc(-5px + 3vw);
    text-align: center;
    margin-top: -45%;
    color: #b8aa0d;
    font-weight: 900;
    text-shadow: -1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7; /*2 2 2px #1473c7;  horizontal-offset vertical-offset 'blur colo*/
    -moz-text-shadow: -1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7;
    -webkit-text-shadow:-1px 0 #1473c7, 0 1px #1473c7, 1px 0 #1473c7, 0 -1px #1473c7;
    padding-bottom: 59px;
}
#tulmeretes-szallitasPage .sharecontainer{
        margin-top:220px;
        margin-bottom: 10px;
        float:right;
    }
#aboutUs .absText{top:117px}

#shipping-h1 {
    color: #b8aa0d;
    margin-top: 115px;
    text-align: center
}
#transport-h1 {
    color: #b8aa0d;
    margin-top: 5px;
    text-align: center
}
#gepszallitasPage h1
{
    color: #b8aa0d;
    margin-top: 5px;
    text-align: center
}
#gepszallitasPage .sharecontainer{
        margin-top:10px;
        margin-bottom: 10px;
        float:right;
    }
.row {
    padding-left: 5px;
}
.absText h3{
    padding-left:15px
    
}
li.pe::before{display:none}
li.pe .fas{display:block;padding:15px}
#biztositasPage .absText h3{
    margin-bottom:20px
    
}
#biztositasPage .absText ul{
    padding-left:0!important;margin-bottom:25px;font-weight:700;text-align:center
    
}
#biztositasPage .absText h3{
    margin:20px 0!important
    
}
.refDiv{position:relative;margin:32px 2%}
.refDiv img{width:100%;margin-left:0}
.refDiv p{
    position:absolute;
    font-size:20px;
    color:#fff;
    padding:8px 22px;
    background:#b8aa0d;
    top:0
    
}
#blogPage,.links,.onTop #langBtn,.onTop #langSelect{
    background:#f1f1f1
    
}
#referenciakPage h1{
    padding:10px;
    padding-top:20px;
}
.links a{height:10px;display:block}
#langBtn,#langSelect{background:#fff;border:1px solid #aaa}
select{margin-top:23px;margin-right:10px;background:0 0;border:1px solid #888}
#langSelect{position:absolute;right:15px;top:36px;padding-left:0;width:65px}
#langSwitcher,.onTop #langSwitcher{
    float:right;
    position:fixed;
    top:-2px;
    right:15px;
    z-index:10000
    
}
#langBtn{margin-right:15px;padding:6px;margin-top:0;cursor:pointer;width:65px!important;display:block}
#langSelect li a{padding:3px 9px}
#langSelect li{margin-bottom:6px;margin-top:11px;padding:0 8px}
header nav #langSwitcher:hover a::before{opacity:0!important;height:calc(100% - 25px)}
#langSwitcher{padding-left:15px;margin-top:15px;transition:all .6s ease-in-out}
.fas.fa-globe{margin-right:5px;color:#666}
.onTop #langSwitcher{margin-top:24px}
#langSwitcher a{color:#444;text-decoration:none}
.nav.navbar-nav.navbar-right{padding-right:105px}
.nav.navbar-nav.navbar-right a{padding-right:7px}
.col-sm-3.nav{position:sticky;top:75px;max-height:calc(100vh - 124px);;overflow-y:auto}
#blogPage{padding-bottom:45px}#blogPage>div{background:#fff}
#blogPage h1{margin:25px}
#blogPage h2{padding-top:30px;color:#b8aa0d
    
}
#blogPage hr{border-top-color:#1473c7}
#blogPage article p:first-of-type{margin-bottom:25px;font-size:90%;color:#999}
#blogPage .col-sm-9{padding-left:20px;padding-right:20px;border-right:3px solid #f1f1f1;text-align:justify}
#blogPage .nav a{color:#444}#blogPage .nav{padding-bottom:20px;padding-left:15px}
#blogPage .nav a::before{font-weight:400;content:"\f075";margin-right:5px;color:#1473c7}
.socialLinks a{margin-right:6px;font-size:25px;color:#b8aa0d}.googleLink:hover{color:#d44937}
.facebookLink:hover{color:#4867aa}.twitterLink:hover{color:#1da1f2}.youtubeLink:hover{color:red}
        
#aboutUs h2,
#aboutUs h4{
    padding-left:30px
    
}

#mainPhoto h1 span:nth-of-type(3){font-size:30px;margin-left:12vw;vertical-align:top}
    .absText h3{font-size:16px}
#cntct {
    background: #444;
    color: #fff;
    padding-top: 25px;
}
#cntct a {
    color: #fff;
    font-size: 18px;
}
#cntct li {
    font-size: 18px;
    padding: 10px;
}
#cntct li {
    list-style-type: none;
}
#cntct ul {
    padding: 0;
}
#cntct .socialLinks a {
    font-size: 25px;
    color: #b8aa0d;
}
#cntct .googleLink:hover {
    color: #d44937;
}
#cntct .facebookLink:hover {
    color: #4867aa;
}
#cntct .twitterLink:hover {
    color: #1da1f2;
}
#cntct .youtubeLink:hover {
    color: red;
}
#cntct {
    padding-top: 50px;
}
.contactTitle {
    color: #b8aa0d;
    font-size: 200%;
    text-align: center;
}
.contactIcon {
    text-align: center;
}
.far.fa-envelope {
    font-size: 4vw;
}
#mainPhoto h1 span:nth-of-type(1) {
    color: #1473c7;
    font-weight: bold;
}
#mainPhoto h1 span:nth-of-type(2) {
    color: #b8aa0d;
}
.absText h2 {
    font-size: 18px;
    padding: 10px;
}
#n-szallitmanyozasPage h2, 
#szallitmanyozasPage h2, 
#nemzetkozi-szallitmanyozasPage h2,
#nemzetkozi-fuvarozasPage h2,
#tulmeretes-szallitasPage h2,
#aboutUs h2 {
    font-size: 18px;
    background-color: #f1f1f1;
    padding: 8px 15px;
    border-left: 4px solid #b8aa0d;
    margin: 0 30px !important;
}
#n-szallitmanyozasPage h4,#szallitmanyozasPage h4, #aboutUs h4 {
    background-color: #b8aa0d;
    margin: 0 30px;
    padding: 15px;
    color: #fff;
    text-shadow: 1px 1px #896A7C;
}
#aboutUs h5 {
    display: inline;
    font-size: 120%;
}
#szallitmanyozasPage h5 {
    font-size: 125%;
    padding: 15px;
    background: #f1f1f1;
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 4px solid #b8aa0d;
}
#szallitmanyozasPage h6 {
    padding: 15px;
    border: 1px solid #b8aa0d;
    border-left-width: 5px;
    font-size: 16px;
    margin-left: 30px;
    margin-right: 30px;
}
#aboutUs + #cntct, #szallitmanyozasPage + #cntct {
    padding-top: 30px;
    min-height: 1px;
}
#aboutUs + #cntct .contactTitle, #szallitmanyozasPage + #cntct .contactTitle {
    padding-bottom: 30px;
}
.blogSubTitle {
    font-size: 105%;
    font-weight: bold;
}
.img-caption{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    padding: 8px 22px;
    background: #b8aa0d;
}
.trans-img .absText h3 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}
.trans-img{
    margin-bottom: 30px;
}
.in-p-img-wrapper{
    width: 100%;
    float: right;
    font-size: 80%;
    font-style: italic;
    margin-left: 15px;
}
.in-p-img-wrapper.left{
    float: left;
    margin-left: 0;
    margin-right: 15px;
}


.in-p-img{
    float: right;
    width: 100%;
    position: relative;
    margin: 15px 0 0 15px;
}
.in-p-img img{
    width: 100%;
    float: right;
    margin: 15px 0 0 15px;
}
.highlighted-text{
    font-size: 18px; 
    background-color: #f1f1f1;
    padding: 8px 15px;
    display: block; 
    border-left: 4px solid #b8aa0d;
}
.blog-subtitle {
    text-align: center;
    font-size: 2rem;
}
p.blog-subtitle::after {
    content: "";
    display: block;
    border-bottom: 2px solid #337ab7;
    width: 15vw;
    margin: 35px auto;
}
#aboutUs .absText {
    top: 50%;
}

.article{
    transition: all 2s;
    max-height: 260px;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}
.open.article-wrapper .article{
    max-height: 999999px;
}
.article h2{
    font-size: 20px;
    background-color: transparent;
    padding: 0;
    border-left: none;
    margin: 0 !important;
    text-align: center;
}
.article-toggle {
    display: block;
    border: none;
    background:#fff;
    position: absolute;
    padding: 0 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.article-toggle::before{
content:"";
display: block;
position: absolute;
top: 50%;
height: 1px;
width: 25vw;
left: 50%;
background-color: #aaa;
transform: translateX(-50%);
z-index: -1;
}
.article-toggle:hover::before{
    background-color: #444;
}
.open.article-wrapper .glyphicon-chevron-down{
transform: rotate(180deg);
}
.article.box{
    margin-top: 0;
}
.box.article.article-toggle-wrapper {
    padding-top: 0;
}
button.article-toggle > span {
    background: #fff;
    padding: 0 15px;
    color:#aaa;
}
button.article-toggle > span:hover {
    color:#444;
}
.article-wrapper.background h2 {
    text-align: center;
    max-width: 70%;
    margin: 14px auto !important;
}
.box.article.article-toggle-wrapper .textWrapper {
    height: 55px;
}
.article-wrapper.background.open h3 {
    font-size: 19px;
    padding-left: 10px;
}
span.glyphicon.glyphicon-chevron-down {
    vertical-align: middle;
}
#gdprPage{
    padding-top: 180px;
}
#gdprPage h1{
    font-size: 2.4rem;
}
footer .text-center{
    margin:0 auto;
    display: block;
}
#cntct .mail-gdpr, #cntct .mail-gdpr a {
    font-size: 15px;
}
#cntct .mail-gdpr a {
    text-decoration: underline;
}
.err-msg{
    font-size: 15px;
    color: #ff4848;;
    display: none;
}
footer {
    border-top: 1px solid #555;
}
#cntctPage{
    padding-top: 125px;
}
#cntctPage .contactTitle {
    margin-bottom: 25px;
}
#cntctPage .contactTitle + p{
    margin-bottom: 50px;
}
#reused_form{
    margin-bottom: 50px;
}
.share-container{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.share-container > * {
    margin-right: 3px;
    margin-bottom: 10px;
}
.share-container > span{
    padding: 14px 14px 14px 4px !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.share-container .reddit-logo img{
    height: 20px;
    width: 20px;
    margin-right: 2px;
}
.share-container a.reddit-logo {
    background: #fff;
    padding: 4px 6px 4px 4px;
    color: #FF4301 !important;
    font-size: 13px !important;
    border-radius: 3px;
}
#aboutUs .imgWrapper.v2{
    width: 100%;
    padding: 0 30px;
}
#aboutUs .imgWrapper.v2 .absText{
    position: static;
    width: 100% !important;
    max-width: 100%;
    margin-top: 10px;
    transform: none;
}
.textWrapper .contact-details {
    margin: 30px;
}
.textWrapper .contact-details td {
    vertical-align: initial;
    padding-bottom: 10px;
}
.textWrapper .contact-details td p {
    margin-bottom: 0;
    padding: 0;
    padding-left: 15px;
}
p.quotation-request {
    text-align: center;
}
p.quotation-request a {
    border: 2px solid #b8aa0d;
    color: #b8aa0d;
    padding: 6px 22px;
    border-radius: 5px;
    font-weight: bold;
}
p.quotation-request a:hover {
    text-decoration: none;
}
#n-szallitmanyozasPage h4 a{
    color: white;
}
#n-szallitmanyozasPage h4 a:hover{
    color: white;
    text-decoration: none;
}
#n-szallitmanyozasPage h3{
    padding-left: 30px;
    padding-right: 30px;
    
}

#n-szallitmanyozasPage{
    padding-top: 124px;
}

#tulmeretes-szallitasPage h3
{
    padding-left: 10px;
}
.textWrapper .contact-details {
    margin: 30px auto;
}

.footer-nav{
    text-align: center;
    overflow: hidden;
    display: inline-block;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}
.footer-nav li{
    font-size: 18px;
    padding: 10px;
    float: left;
    display: block;
}
#n-szallitmanyozasPage .col-sm-6 img{
    width: 100%;
    height: auto;
}
#n-szallitmanyozasPage .row.stage{
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 50px;
}
#gepszallitasPage img.in-p-img {
    width: 100%;
    margin-bottom: 10px;
}




/* ---- Responsiveness ----*/


/* ---- Mobile Screen Settings --*/
@media screen and (max-width:500px){
    #mainPhoto h1 span:nth-of-type(3){
        font-size:15px;
        margin-left:0;
        max-width:46%;
        display:inline-block
    }
        
}
@media screen and (min-width:500px) and (max-width:1100px)
{
    #mainPhoto h1 span:nth-of-type(3){
        font-size:calc(14px + 1vw);margin-left:0
        
    }
}
@media (max-width:600px){
    #img_text1{
        padding-bottom:50px;
    }
    /* ---transport page --- */
    #gepszallitasPage
    {
        padding-top:65px;
    }
    #referenciakPage {
        padding-top: 65px;
    }
    #nemzetkozi-fuvarozasPage {
        padding-top: 65px;
    }
    #nemzetkozi-fuvarozasPage .sharecontainer{
        margin-top:60px;
        margin-bottom: 10px;
        float:right;
    }
    
    #nemzetkozi-szallitmanyozasPage .box
    {
        margin-top:0px !important; 
        padding-top:80px;
    }
    #tulmeretes-szallitasPage .box
    {
        margin-top:0px !important; 
        padding-top:90px;
    }
    #gepszallitasPage .box{
        margin-top:0px !important; 
        padding-top:20px;
    }
    #gepszallitasPage .imagetextblue{
        padding-bottom:0;
    }
    #gepszallitasPage .sharecontainer{
        margin-top:60px;
        margin-bottom: 10px;
        float:right;
    }
    
    #nemzetkozi-szallitmanyozasPage .imagetextblue
    {
        padding-bottom: 80px;
    }
    #nemzetkozi-fuvarozasPage .imagetext
    {
        padding-bottom: 10px;
    }
    
    #nemzetkozi-szallitmanyozasPage .sharecontainer{
        margin-top:20px;
        margin-bottom: 10px;
        float:right;
    }
    
    #tulmeretes-szallitasPage .imagetext{
        font-size: 18px;
    }
    
    #tulmeretes-szallitasPage .sharecontainer{
        margin-top:50px;
        margin-bottom: 10px;
        float:right;
    }
    
    .oTonp .navbar-brand img{
        height:46px;
        padding:0 0 0 0px
        
    }
    .navbar-brand{
        width:200px
        
    }
    .onTop .navbar-fixed-top{
        padding:10px 0;
        background:rgba(255,255,255,.85)
        
    }
    .navbar-brand img{
        padding-left:2px;
        padding-top:10px;
        height:44px
        
    }
    .onTop .navbar-brand img{
        
        padding-left:2px;
        
    }
    .navbar-toggle{
        margin-top:10px!important;
        margin-right:0px
        
    }
    .ptb .col-sm-12{
        width:85px;
        margin-bottom:20px;
        right:-250px;
        transition:right .6s ease-in-out
        
    }
    .ptb{
        position:absolute;
        width:56px;
        right:18px;
        top:103px
        
    }
    #mainPhoto .text{
        position:absolute;bottom:0;right:0
        
    }
    #mainPhoto .text a{
        padding:3px 12px
        
    }
    #aboutUs,
    .textWrapper p,h2,h3,h4{
        padding-left:10px;
        padding-right:10px;
    }
    .textWrapper h1
    {
        padding-left:5px;
        padding-right:5px;
        margin-top:95px;
        font-size: 20px;
    }
    #referenciakPage .box h1
    {
        margin-top:25px;
        font-size: 20px;
    }
    #nemzetkozi-fuvarozasPage .textWrapper h1
    {
        margin-top:25px;
        font-size: 20px;
    }
    #tulmeretes-szallitasPage .textWrapper h1{
        margin-top:55px;
        font-size: 20px;
    }
    .imagetext {
        margin-top: -27%;
        font-weight: 900;
        padding-bottom: 59px;
    }
    
    .imagetextblue{
        font-size: 18px; 
        margin-top: -44%;
        font-weight: 900;
        padding-bottom: 160px;
    }
    .refDiv p {
        font-size: 10px;
    }
    .img-caption{
        font-size: 10px;
    }
    #shipping-h1 {
        margin-top: 10px;
    }
    #transport-h1 {
        margin-top: -30px !important;
    }
    
    #gepszallitasPage h1
    {
        margin-top: 5px;
    }
    
    .lines{display:none}
    .imgWrapper{transform:translateX(0)!important}
    .absText{
        position:static;
        max-width:100%;
        margin:10px 0!important;
        transform: translateY(0);
        font-size:14px;
    }
    footer .col-sm-6 li a{width:100%!important;display:block;font-size:14px}
    
    #langSwitcher,
    .onTop #langSwitcher{
        float:right;
        position:fixed;
        z-index:10000
    }
    #langSwitcher{
        margin-top:15px;
        top:-8px;
        right:60px;
        transition:.6s
        
    }
    .onTop #langSwitcher{
        margin-top:20px;
        top:-2px;
        right:35px
        
    }
    #socialLinks a{
        display:inline-block;
        width:25px !important;
        height:25px
        
    }
    #socialLinks i{font-size:20px}

 
    #szallitmanyozasPage {
        padding-top: 50px;
    }
    .trans-img .absText h3 {
        padding-left: 0;
    }
}

/* ---- Tablet Screen Settings --*/
@media screen and (min-width: 601px) AND (max-width:1260px){
    .in-p-img-wrapper{
        width: 33%;
    }
    #aboutUs .absText {
        transform: translateY(-50%);
    }
    .imgWrapper {
        position: relative;
        width: calc(100% - 85px);
    }
    #gepszallitasPage .in-p-img-wrapper {
        width: 50%;
        margin-bottom: 10px;
    }
    #langSwitcher,.onTop #langSwitcher{
        float:right;margin-top:15px;position:fixed;z-index:10000;transition:.6s
        
    }
    #langSwitcher{top:3px;right:90px}
    .onTop #langSwitcher{top:10px;right:94px}
    .ptb{position:absolute;width:124px;right:30px;top:163px}
    .ptb .col-sm-12{width:101px;margin-bottom:27px;right:-250px;transition:right .6s ease-in-out
        
    }
    #tulmeretes-szallitasPage .box
    {
        margin-top:0px !important; 
        padding-top:80px;
    }
    #tulmeretes-szallitasPage .textWrapper h1 {
        margin-top: 250px;
    }
    
    #tulmeretes-szallitasPage .sharecontainer{
        margin-top:260px;
        margin-bottom: 20px;
        float:right;
    }
    
    #nemzetkozi-szallitmanyozasPage .box
    {
        margin-top:0px !important; 
        padding-top:80px;
    }
    
    #nemzetkozi-szallitmanyozasPage .textWrapper h1 {
        margin-top: 150px;
    }
    
    #nemzetkozi-szallitmanyozasPage .sharecontainer{
        margin-top:150px;
        margin-bottom: 10px;
        float:right;
        width:50%;
        text-align:right;
    }
    #gepszallitasPage
    {
        padding-top:60px;
    }
    #gepszallitasPage .box
    {
        margin-top:0px !important; 
        padding-top:25px;
    }
    
    #gepszallitasPage .textWrapper h1 {
        margin-top: 20px;
    }
    
    #gepszallitasPage .sharecontainer{
        margin-top:20px;
        margin-bottom: 10px;
        float:right;
    }
    
    #nemzetkozi-fuvarozasPage
    {
        padding-top:60px;
    }
    #nemzetkozi-fuvarozasPage .box{
        margin-top:0px !important; 
        padding-top:25px;
    }
    
    #nemzetkozi-fuvarozasPage .textWrapper h1{
        margin-top: 20px;
    }
    
    #nemzetkozi-fuvarozasPage .sharecontainer{
        margin-top:100px;
        margin-bottom: 50px;
        float:right;
    }
     #referenciakPage{
         margin-top:0;
         padding-top:60px;
     }
    #referenciakPage .box{
        margin-top:0px !important; 
        padding-top:45px;
    }
    
    #referenciakPage .box h1{
        margin-top:10px;
    }

}
@media screen and (max-width:767px){
    .col-sm-3 .nav{
        display:block !important;
        position:static !important
        
    }
    
}

@media (min-width:601px) AND (max-width:1260px) {
    
    
}

@media (max-width:1260px){
    .navbar-header{float:none}
    .navbar-left,.navbar-nav,.navbar-right{
        float:none!important
        
    }
    .navbar-toggle{
        display:block
        
    }
    .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
    .navbar-fixed-top{top:0;border-width:0 0 1px}
    .navbar-collapse.collapse{display:none!important}
    .navbar-nav{margin-top:7.5px}.navbar-nav>li{float:none}
    .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
    .collapse.in{display:block!important}
    
}
/* ---- Desktop Screen Settings --*/
@media (min-width:1400px)
{   
    .onTop #langSwitcher{
        float:right;
        margin-top:24px;
        position:fixed;
        top:15px!important;
        right:15px;
        z-index:10000
        
    }
    
}
@media (max-width:1400px){
    .onTop .navbar-fixed-top{
        padding:7px 0
        
    }
    
}

/*----- End of responsiveness --*/