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

#menuTablet {
    width: 240px;
    background: #000;
    position: absolute;
    display: none;
    top: 57px;
    left: 0;
    z-index: 10;
}    

    
#socialMediaRight {
    display: none;
}
    
#pageTop {
    
}
    
    #pageTop #pageTopContent {
        width: 742px;
    }
    
    #pageTop .adBox #topBanner {
        display: none;
    }
    
    #pageTop #topContent {
        width: 1004px;
        padding-left: 240px;
        background-size: 1100px 68px;
    }
    
    #pageTop #homepageLink {
        width: 223px;
        height: 45px;
        top: 23px;

    }

    #pageTop #topContent #searchLanguage {
        padding-top: 7px;
    }
    
    #pageTop #topContent .languageChanger {
        top: -2px;
        padding-top: 10px;
    }
    
    #pageTop #topContent #infoLine {
        height: 22px;
        font-size: 11px;
        line-height: 22px;
    }
    
    #pageTop .topInfo {
        text-align: left;
    }
    
    #pageTop .header {
        width: 366px;
    }

        #pageTop .headerTop {
            font-size: 40px;
            letter-spacing: 0;
        }

        #pageTop .headerBottom {
            font-size: 25px;
            letter-spacing: 0;
        }
    
    #pageTop #oftenVisit {
        width: 346px;
        height: 168px;
    }
    
        #oftenVisit #sliderContent {
            width: 346px;
            height: 168px;
        }
    
        #oftenVisit .sliderElement {
            width: 347px;
        }
        
        #oftenVisit .background {
            width: 346px;
            height: 169px;
        }
    
        #oftenVisit .image {
            width: 235px;
            height: 169px;
        }
        
        #oftenVisit .newsData {
            width: 90px;
            height: 118px;
        }
        
        #oftenVisit .sliderToogler {
            height: 159px;
        }
        
        #oftenVisit .sliderHeader {
            right: -30px;
        }
        
        #oftenVisit .date {
            width: 61px;
            height: 13px;
            padding: 5px 7px 5px 8px;
            left: 159px;
            top: 146px;
            font: normal 12px/13px 'robotoCondensedBold';
            background-image: url('../gfx/sliderDataSmall.png');
        }
        
        
        #oftenVisit .newsData.newsDataLink {
            height: 88px;
        }
    
        #oftenVisit .newsData .info {
            padding-top: 1px;
            padding-bottom: 0;
            font-size: 10px;
            line-height: 18px;
        }
        
    
    #pageTop .searchBox {
        width: 350px;
    }
        
#main {
    
}

    #main #page {
        width: 742px;
    }

    #main #content {
        margin-top: 0;
    }
    
        #main #content #menuToggler {
            width: 240px;
            height: 57px;
            float: left;
            display: block;
            outline: none;
        }

        
.Layout {
    padding-bottom: 560px;
}
        
.leftSide {
    width: 742px;
    height: 560px;
    display: block;
    float: none;
    background: none;
    position: absolute;
    bottom: 0;
}

.leftSide .leftWidget {
    float: left;
}

.leftSide .leftWidget.fuelPrices {
    padding: 0 11px;
}

    .leftSide .leftWidget.banner-links {
        float: right;
    }

    
.leftSide #leftBanner {
    display: none;
}

#footerContent {
    width: 742px;
}

    #footerContent #newsletterFooter { 
        float: left;
        display: block;
        position: relative;
        cursor: pointer;
    }

    #newsletterFooter {
        width: 102px;
        height: 32px;
        padding-right: 2px;
        display: none;
    }
    
    #newsletterFooter #newsletterFooterToggler {
        width: 102px;
        height: 32px;
        position: absolute;
        background: url('../gfx/newsletterFooter.png') no-repeat;
    }
    
    #newsletterFooter .newsletterContent { 
        width: 270px;
        height: 60px;
        position: relative;
        z-index: 10;
        top: -60px;
        left: 1px;
        display: none;
    }

    #newsletterFooter #newsletterFormFooter {
        width: 100%;
        padding-top: 12px;
        float: left;
        margin: 0;
    }
    
    #newsletterFooter #emailFooter {
        width: 180px;
        float: left;
        border-color: #C8BC06;
        border-radius: 0;
        border-width: 0 0 1px;
        margin: 0 10px 10px 15px;
        color: #fff;
        background: none;
        letter-spacing: 0.8px;
        font-family: "robotoCondensedBoldItalic";
    }
    
    #newsletterFooter #newsletterSubmitFooter {
        width: 37px;
        height: 37px;
        border-width: 0;
        float: left;
        cursor: pointer;
        background: url("../gfx/mail.png") no-repeat;
    }
    
    #newsletterFooter #newsletterBackgroundFooter {
        width: 270px;
        height: 60px;
        position: absolute;
        top: -60px;
        left: 1px;
        z-index: 5;
        opacity: 0.8;
        background: #343434;
        display: none;
    }
    
#footerContent .addthis_toolbox {
    float: left;
}

#footerContent .links {
    right: 360px;
}

}





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

#pageTop #pageTopContent {
    width: 320px;
}
    
#topContent #infoLine,
#pageTop .home,
#pageTop .contactLink {
    display: none;
}

#pageTop #topContent,
#pageTop .languageChanger {
    background: none;
}

#pageTop #topContent {
    width: 320px;
    height: 130px;
    padding: 0;
}

#pageTop #homepageLink {
    width: 313px;
    height: 60px;
    position: relative;
    top: 0;
    display: block;
    margin: 0 3px 0 4px;
    background: url('../gfx/portalDrogowyTrackerInfo.png') no-repeat;
}

#pageTop #topContent #searchLanguage {
    width: 240px;
    padding: 20px 40px 0;
}

    #pageTop .searchBox {
        width: 37px;
        height: 37px;
        padding: 0;
        float: right;
        position: relative;
    }

        #searchLanguage form {
            display: none;
        }
    
        #searchLanguage form #text {
            width: 198px;
            padding-left: 38px;
            height: 30px;
            position: absolute;
            top: 45px;
            right: 0;
            float: left;
            background: #000;
        }

        #searchLanguage form #submit {
            position: absolute;
            top: 0;
            right: 0;
        }
    
        #pageTop #searchToggler {
            width: 37px;
            height: 37px;
            display: block;
            cursor: pointer;
            background: url('../gfx/zoom.png');
        }
        
        #formCloser {
            width: 38px;
            height: 38px;
            display: block;
            cursor: pointer;
            position: absolute;
            top: 45px;
            left: -205px;
            background: url('../gfx/close.png') no-repeat center center;
        }

    
    #pageTop #mobileMenuToggler {
        width: 95px;
        height: 25px;
        margin: 6px 0 0 22px;
        float: left;
        display: block;
        cursor: pointer;
        background: url('../gfx/mobileMenu.png') no-repeat;
    }
    
    #pageTop #menuMobile {
        padding: 0 20px;
        position: absolute;
        top: 60px;
        left: 30px;
        background: #000;
    }
    
    #pageTop #topContent .languageChanger {
        width: 64px;
        height: 22px;
        padding: 9px 0 6px;
        float: left;
    }

    #pageTop #headerContent {
        width: 320px;
    }
    
    #pageTop .header {
        width: 240px;
        height: auto;
        padding: 0 40px 10px;
    }
    
        #pageTop .headerTop {
            font-size: 28px;
        }
    
        #pageTop .headerBottom {
            font-size: 18px;
        }
        
        
        
    #pageTop #oftenVisit {
        width: 320px;
        height: 348px;
        overflow: hidden;
    }
    
        #oftenVisit #sliderContent {
            width: 320px;
            height: auto;
            margin-top: 33px;
        }
    
        #oftenVisit .sliderElement {
            width: 320px;
            height: auto;
        }
        
        #oftenVisit .background {
            width: 320px;
            height: 100%
        }
    
        #oftenVisit .image {
            width: 320px;
            height: 230px;
        }
        
        #oftenVisit .newsData,
        #oftenVisit .newsData.newsDataLink {
            width: 240px;
            height: 51px;
            padding: 0 40px;
            border: 0;
            opacity: 1;
        }
        
        #oftenVisit .newsData .info {
            display: block;
            padding: 3px 40px;
        }
        
        #oftenVisit .newsData .title {
            padding: 5px 0;
        }
        
        #oftenVisit .newsData .text {
            display: none;
        }
        
        #oftenVisit .sliderToogler {
            width: 280px;
            height: 30px;
            display: block;
            float: left;
            padding: 0 40px 2px 0;
            position: relative;
            background: url("../gfx/mobileSliderBottom.png") no-repeat #000;
        }
        
        #oftenVisit .prev {
            background: none;
            bottom: 1px;
            left: 30px;
        }
        
        #oftenVisit .next {
            right: 30px;
            top: -33px;
        }
        
        #oftenVisit .sliderHeader {
            width: 255px;
            padding-left: 40px;
            left: 0;
            right: auto;
            background: url('../gfx/mobileSliderTop.png') no-repeat;
        }
        
        #oftenVisit .date {
            width: 77px;
            height: 13px;
            padding: 7px 7px 8px 8px;
            left: 40px;
            top: 0;
            text-align: left;
            font: normal 14px/13px 'robotoCondensedBold';
            background-image: url('../gfx/news_date.png');
        }
        
        #oftenVisit .circle {
            float: right;
            position: relative;
            top: 10px;
        }
    
        
#main #page {
    width: 320px;
    margin: 0 auto;
}        
        
.Layout {
    width: 320px;
    padding: 0 0 1000px;
}

    .TopInfo {
        display: none;
    }

    #news .newsData { 
        padding-top: 34px;
    }
    
        #news .newsData .image,
        #news .newsData .text {
            display: none;
        }
    
    
    #news .column.middle {
        width: 240px;
    }
    
    
    .leftSide {
        width: 240px;
        height: 1000px;
        padding: 0 40px;
    }
    
    .leftSide .leftWidget,
    .leftSide .leftWidget.fuelPrices {
        height: 240px;
        margin-bottom: 15px;
        padding: 0;
    }

    .leftSide .pogoda.leftWidget {
        height: 185px;
        padding: 58px 9px 42px 7px;
    }
    
    .rightSide .linkMore {
        width: 205px;
    }
    
    .rightSide #news {
        width: 240px;
        padding: 0 40px;
    }
    
    #news .newsHeader {
        border-right: 0;
    }
    
#footerContent {
    width: 320px;
} 
    
    #footerContent .links {
        width: 290px;
        right: auto;
        left: -54px;
        top: 50px;
    }
    
    #footerContent #socialMediaBottom {
        width: 244px;
        float: left;
        padding-left: 40px;
        position: relative;
        top: -40px;
    }
    
    
.standardTemplate .countryHeader {
    min-height: 170px;
}


.standardTemplate #countryName {
    width: 300px;
    position: relative;
    left: 25px;
    outline: none;
    background-image: url('../gfx/select_border_short.png');
}

.standardTemplate .topTitle {
    padding-left: 20px;
}

#contact-form .control-label {
    width: 90px;
}

.form-horizontal .controls {
    margin-left: 100px;
}

.form-horizontal input,
.form-horizontal textarea {
    width: 165px;
}

}