/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

@media only screen and (max-width:1370px) {
    .tabmenu .tabpanel { margin: 94px 0 0; }
}
@media only screen and (max-width:1300px) {
    .adverpub .loginpanel {padding: 80px 15px 195px 15px;}
}
@media only screen and (max-width:1285px) {
    .tabmenu .tabpanel .tabpaneltop {overflow:hidden;}
}
@media only screen and (max-width:1250px) {
    .saytortala, .container {width:100%; padding:0 10px;}
    .saytortala.rltv {padding: 25px 10px 35px;}
    .footer .footertop {padding: 60px 0 20px;}
    .footer .footertop>ul {margin:0;}
    .footer .footertop>ul>li {width:50%; margin-bottom:30px;}
    .lets .letsbutton a {right:10px;}
}
@media only screen and (max-width:1100px) {
    .header .topmenu ul li {padding: 0 12px;}
}
@media only screen and (max-width:1031px) {
    .tabmenu .tabpanel .tabopen .tabwin .tabwinleft {padding: 0 0 40px 0;}
    .tabmenu .tabpanel .tabopen .tabwin .tabwinleft, .tabmenu .tabpanel .tabopen .tabwin .tabwinright {width:100%;}
    .tabmenu .tabpanel .tabopen .tabwin .tabwinleft h2, .tabmenu .tabpanel .tabopen .tabwin .tabwinleft span {max-height:none; min-height:0; height:auto;}
    .newslist ul li {width:50%;}
    .newslist.blist ul li:nth-child(3n+1) {clear:none;}
    .newslist.blist ul li:nth-child(2n+1) {clear:both;}
    .adverpub .loginpanel .logenter {float:none; margin: 0 auto; margin: 0 auto 60px;}
}
@media only screen and (max-width:1000px) {
    .slider .advertpanel ul {margin: 0 -20px;}
    .slider .advertpanel ul li {padding: 0 20px;}
    .logdetaillist ul li {width:100%; margin-bottom:40px;}
    .logdetaillist ul li:last-child {margin-bottom:0;}
    .aboutpage .about {padding:100px 0 200px}
}
@media only screen and (max-width:960px) {
    .header .logo {padding:33px 0;}
    .header .logo a {width:207px; height:22px;}
    .tabmenu {padding: 40px 0 0;}
    .tabmenu h1 {font-size:60px;}
    .tabmenu .tabpanel {margin: 60px 0 0;}
}
@media only screen and (max-width:910px) {
    .dordluk .dordlukic ul {margin: 80px 0;}
}
@media only screen and (max-width:890px) {
    .header .topmenu {display:none;}
    .header .mobilmenu {display:block;}
}
@media only screen and (max-width:830px) {
    .dordluk .dordlukic ul {margin: 80px 0 50px;}
    .dordluk .dordlukic ul li {width:50%; margin-bottom:30px;}
    .dordluk .dordlukic ul li:nth-child(2n+1) {clear:both;}
}
@media only screen and (max-width:760px) {
    .slider .advertpanel ul li {width:100%; float:none; margin-bottom:35px;}
}
@media only screen and (max-width:710px) {
    .footer .footertop>ul>li {width:100%;}
}
@media only screen and (max-width:680px) {
    .newslist ul li {width:100%;}
    .newslist.blist ul li:nth-child(2n+1) {clear:none;}
    .navigation {text-align:center; padding:0;}
    .navbutton {position:relative; display:inline-block;}
}
@media only screen and (max-width:620px) {
    .tabmenu .tabpanel .tabpaneltop ul li {width:33.333333333%;}
    .tabmenu .tabpanel .tabpaneltop ul li a:hover, .tabmenu .tabpanel .tabpaneltop ul li a.hovered { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1);  transform: scale(1, 1);}
    .tabmenu .tabpanel .tabopen .tabwin {padding:25px;}
    .tabmenu .tabpanel .tabopen .tabwin .tabwinleft h2  {font-size:40px; line-height:37px;}
    .lets .letstext {padding: 0 0 30px 0; text-align: center;}
    .letsbutton {text-align:center;}
    .lets .letsbutton a {position:static;}
    .aboutpage .about .abouttext .abouttexttop {font-size:34px;}
    .aboutpage .about .abouttext .abouttextbottom {font-size:26px; line-height:35px}
    .aboutpage .about {padding:70px 0 200px}
}
@media only screen and (max-width:550px) {
    .slider .sloganbottom {letter-spacing: 5px}
    .adverpub .loginpanel { padding: 80px 5px 195px 5px; }
    .adverpub .loginpanel .logenter {width:100%;}
    .adverpub .loginpanel .logleft h1 {font-size:35px; line-height:45px;}
    .logdetaillist ul li h3 {font-size:38px;}
    .cinputs .cpvrap .inpx, .locmap .locinfo  {width:100%;}
}
@media only screen and (max-width:480px) {
    .dordluk .dordlukic ul li {width:100%;}
    .dordluk .dordlukic ul li:nth-child(2n+1) {clear:none;}
    .tabmenu .tabpanel .tabopen .tabwin .tabwinright .tabimg {height:250px;}
    .comments .comv {margin:0;}
    .comments .commentslist {margin:0 -10px;}
    .comments .commentslist .commentsitem {padding:0 10px;}
    .faq .faqbutton a {padding:5px 18px;}
    .footer .footertop>ul>li {padding:0 10px;}
}
@media only screen and (max-width:420px) {
    .header .logo {padding: 24px 0;}
    .mobilmenu {margin: 18px 10px;}
    .mobilmenu i {width:34px; height:34px;}
    .slider .advertpanel ul li .advertpanelortuk h1 {font-size:40px;}
}