@media (min-width: 1081px)
{
    #topmenu
   {
        display:block !important;
    }
	#header .lang {
		margin-right:177px;
	}
	#header .lang a {
		background:none;
		padding-top:10px;
		width:32px;
		margin:0 10px 0 14px;
	}
    #online-left
    {
        display:block !important;
    }
}
@media (min-width: 1081px) and (max-width: 1228px) {
    .centered
    {
        width:100%;
    }
    #steps .centered
    {
        width:1099px;
    }
    #homeslider
    {
        width:100%;
        height:auto;
    }
    #header
    {
        width:1081px;
        margin:0 auto 38px auto;
    }
        #header .house
        {
            right:0;
        }
		#header .lang {
			margin-right:145px;
		}
    #topmenu
    {
        margin:0;
    }
    #triboxes
    {
        width:1080px;
        margin:0 auto 10px auto;
    }
        #triboxes .tribox
        {
            width:360px;
        }
            #triboxes .tribox .whitebox img
            {
                width:100%;
            }
            #triboxes .tribox.box3 .whitebox img
            {
                width:auto;
            }
            #triboxes .tribox.box3 .whitebox {
                padding-top: 7px;
                padding-bottom: 10px;
            }
    #steps .step1
    {
        padding:162px 0 0 66px;
    }
    #haberduyuru
    {
        width:1080px;
        margin:0 auto 40px auto;
    }
        #haberduyuru .haberler
        {
            width:635px;
        }
            #haberduyuru .haberler .haberlistesi
            {
                padding-left:10px;
            }
    #online #header
    {
        width:1081px;
        margin:0;
    }
        #online #header .bc
        {
            width:355px;
        }
    #online-content
    {
        width:690px;
    }
}
@media (min-width: 769px) and (max-width: 1080px)
{
    #clouds, #birds
    {
        background:none;
    }
    .centered
    {
        width:100%;
    }
    #header
    {
        width:100%;
        margin:0 auto 38px auto;
        height:auto;
    }
        #header .togglenav
        {
            display:block;
            clear:right;
            float:right;
        }
    #topmenu
    {
        margin:0;
        display:none;
        height:auto;
    }
        #topmenu > ul
        {
            background:none;
            float:none;
            height:auto;
            width:auto;
        }
            #topmenu > ul > li
            {
                float:none;
                display:block;
                height:auto;
            }
                #topmenu > ul > li > a
                {
                    width:auto !important;
                    display:block;
                    text-align:left;
                    padding-left:10px;
                }
        #topmenu .submenu
        {
            display:block;
            position:static;
            background:none;
            padding-left:10px;
            box-sizing:border-box;
        }
            #topmenu .submenu li a,#topmenu .submenu li a:hover
            {
                color:#fff;
            }
            #topmenu .submenu .submenu2
            {
                display:block;
                position:static;
                background:none;
                padding-left:10px;
                width:auto !important;
            }
                #topmenu .submenu .submenu2 li
                {
                    padding:0;
                }
        #topmenu .online
        {
            display:none;
        }
        #topmenu > ul > li.menu5
        {
            display: block;
        }
    #header .house
    {
        display:none;
    }
    #homeslider
    {
        display:none;
    }
    #steps
    {
        background:none;
        display:none;
    }
    #triboxes
    {
        margin:0 auto 10px auto;
        text-align:center;
    }
        #triboxes .tribox
        {
            float:left;
            width:33.3%;
            margin:0 auto 15px;
        }
            #triboxes .tribox .whitebox img
            {
                width:100%;
            }
    #haberduyuru {
        margin: 0 20px 20px 20px;
    }
        #haberduyuru .haberler
        {
            width:100%;
        }
            #haberduyuru .haberler .title
            {
                padding-left:25px;
            }
            #haberduyuru .haberler .haberlistesi
            {
                padding-left:10px;
            }
                #haberduyuru .haberler .haberlistesi ul li
                {
                    width:50%;
                    box-sizing:border-box;
                }
        #haberduyuru .duyurular
        {
            width:100%;
        }
            #haberduyuru .duyurular .title
            {
                padding-left:25px;
            }
            #haberduyuru .duyurular .duyurulistesi
            {
                padding-left:0;
            }
                #haberduyuru .duyurular .duyurulistesi ul
                {
                    width: 100%;
                }
        #haberduyuru .dokumanlar
        {
            width:100%;
        }
            #haberduyuru .dokumanlar .title
            {
                padding-left:25px;
            }
            #haberduyuru .dokumanlar .dokumanlistesi
            {
                padding-left:0;
            }
                #haberduyuru .dokumanlar .dokumanlistesi ul
                {
                    width: 100%;
                }
    #turkiye
    {
        width:100%;
    }
        #turkiye .dagitimliste
        {
            display:block;
            margin:0 20px;
            background:url("http://aksa-p.mncdn.com/dogalgaz/images/hr.png") no-repeat scroll center bottom;
            padding-bottom:30px;
        }
        #turkiye .dagitimharita
        {
            display:none;
        }
    .hr-seperator2
    {
        display:none;
    }
    #footer
    {
        width:100%;
        box-sizing:border-box;
        padding:20px 20px 0 20px;
    }
        #footer .footerlinks
        {
            height:170px;
            width:33%;
        }
    #footer-bg
    {
        display:none;
        background:none;
    }
    #content .text
    {
        width:90%;
        padding-left:20px;
    }
    #content .maskot
    {
        display:none;
    }
    #content .title2
    {
        margin-left:0;
    }
    #content
    {
        padding-right:20px;
        margin-bottom:30px;
    }
    #online #header
    {
        margin-bottom:0;
    }
        #online #header .bc
        {
            width:400px;
        }
    #online #header .online-img
    {
        display:none;
    }
    #online-content
    {
        width:400px;
    }
    #online-left
    {
        display:block !important;
    }
    #online #header .togglenav
    {
        display:none;
    }
}
@media (max-width: 768px)
{
    #clouds, #birds
    {
        background:none;
    }
    .centered
    {
        width:100%;
    }
    #header
    {
        width:100%;
        margin:0 auto 38px auto;
        height:auto;
    }
        #header .togglenav
        {
            display:block;
            clear:right;
            float:right;
        }
    #topmenu
    {
        margin:0;
        display:none;
        height:auto;
    }
        #topmenu > ul
        {
            background:none;
            float:none;
            height:auto;
            width:auto;
        }
            #topmenu > ul > li
            {
                float:none;
                display:block;
                height:auto;
            }
                #topmenu > ul > li > a
                {
                    width:auto !important;
                    display:block;
                    text-align:left;
                    padding-left:10px;
                }
        #topmenu .submenu
        {
            display:block;
            position:static;
            background:none;
            padding-left:10px;
            box-sizing:border-box;
        }
            #topmenu .submenu li a,#topmenu .submenu li a:hover
            {
                color:#fff;
            }
            #topmenu .submenu .submenu2
            {
                display:block;
                position:static;
                background:none;
                padding-left:10px;
                width:auto !important;
            }
                #topmenu .submenu .submenu2 li
                {
                    padding:0;
                }
        #topmenu .online
        {
            display:none;
        }
        #topmenu > ul > li.menu5
        {
            display: block;
        }
    #header .house
    {
        display:none;
    }
    #homeslider
    {
        display:none;
    }
    #triboxes {
        margin: 0 20px 10px;
    }
        #triboxes .tribox
        {
            float:none;
            margin:0 auto 10px;
        }
    #steps
    {
        display:none;
    }
    #haberduyuru
    {
        margin: 0 20px 10px;
    }
        #haberduyuru .haberler
        {
            width:100%;
        }
            #haberduyuru .haberler .haberlistesi ul li
            {
                display:block;
                float:none;
                width:auto;
                height:auto;
                margin-bottom:10px;
            }
        #haberduyuru .duyurular
        {
            width:100%;
        }
            #haberduyuru .duyurular .duyurulistesi
            {
                padding:10px;
            }
            #haberduyuru .duyurular .duyurulistesi ul
            {
                width:auto;
            }
        #haberduyuru .dokumanlar
        {
            width:100%;
        }
            #haberduyuru .dokumanlar .dokumanlistesi
            {
                padding:10px;
            }
    #turkiye
    {
        width:100%;
    }
        #turkiye .dagitimliste
        {
            display:block;
            margin:0 30px;
            background:url("http://aksa-p.mncdn.com/dogalgaz/images/hr.png") no-repeat scroll center bottom;
            padding-bottom:30px;
        }
        #turkiye .dagitimharita
        {
            display:none;
        }
    .hr-seperator2
    {
        display:none;
    }
    #footer
    {
        width:100%;
        box-sizing:border-box;
        padding:20px 20px 0 20px;
        text-align:left;
    }
        #footer .footerlinks
        {
            margin-bottom:15px;
            float:none;
            display:inline-block;
            width:30%;
        }
        #footer .footerlogos
        {
            text-align:center;
        }
    #footer-bg
    {
        display:none;
        background:none;
    }
    #content .text
    {
        width:90%;
        padding-left:20px;
    }
    #content .maskot
    {
        display:none;
    }
    #content .title2
    {
        margin-left:0;
    }
    #content
    {
        padding-right:20px;
        margin-bottom:30px;
    }
    #online #header
    {
        /*margin-bottom:15px;*/
        margin-bottom:0;
    }
    #online #header .bc
    {
        clear:left;
        float:none;
        display:block;
        padding-top:0;
        display:none;
    }
        #online #header .online-img
        {
            display:none;
        }
    #online-left
    {
        float:none;
        width:auto;
        display:block;
        margin-right:25px;
        margin-bottom:15px;
        display:none;
    }
        #online-left ul li.head
        {
            padding-left:15px;
        }
        #online-left ul li a
        {
            padding-left:20px;
        }
    #online-content
    {
        margin-left:25px;
        margin-right:25px;
        display:block;
        width:auto;
        float:none;
    }
    #breadcrumb
    {
        padding-left:10px;
    }
}
@media (max-width: 480px)
{
    #header
    {
        background:none;
        margin-bottom:20px;
    }
        #header .logo
        {
            padding:10px;
            padding-bottom:0;
            width:60%;
        }
            #header .logo img
            {
                width:100%;
                height:auto;
            }
        #header .togglenav
        {
            margin-top:10px;
        }
    #triboxes .tribox
    {
        width:100%;
    }
        #triboxes .tribox .whitebox img
        {
            width:100%;
        }
    #haberduyuru .haberler .haberlistesi
    {
        padding-left:10px;
    }
    #footer .footerlinks {
        display: inline-block;
        float: none;
        margin-bottom: 15px;
        width: 47%;
    }
    #turkiye .dagitimliste li
    {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 5px;
        text-align:left;
    }
    #breadcrumb
    {
        margin:0 auto 30px auto;
        width:95%;
        padding:0 10px;
        box-sizing:border-box;
        font-size:24px;
    }
    #content
    {
        box-sizing:border-box;
        width:95%;
        margin-left:auto;
        margin-right:auto;
        height:auto;
    }
}