@media only screen and (max-width:1270px) {
.topmenu ul li ul {left:auto; right:0}
}
@media only screen and (max-width:1140px) {
.saytortala {width: 100%;}
.headerust {padding:0 10px;}
.diller {padding-right: 5px;}
.abouticlik {padding: 5px 15px; background-color: rgba(244, 243, 239, 0.73);}
footer {padding: 30px 15px;}
.catortuk {margin: 0 10px 10px;}
.speedbar {padding-right: 10px;}
.resportuk, .static {padding:0 12px;}
.elaqe, .info {padding: 0 20px 20px;}
.searchresult {margin:0 20px}
}
@media only screen and (max-width:1020px) {
.xidmet {width:25%;}
.mehsul {width:33.3333333333%;}
.mehsul:nth-child(4n+1) {clear:none;}
.mehsul:nth-child(3n+1) {clear:both;}
}
@media only screen and (max-width:1000px) {
.royalSlider, .rsOverflow {height:450px;}
.slide1 .bContainer {top: 30%;}
.blockHeadline, .textiki {font-size: 26px; line-height: 33px;}
.slide2 .bContainer {top: 26%;}
.textiki {padding-top: 26px;}
}
@media only screen and (max-width:980px) {
.projectsc ul li {width:33.3333333333%}
}
@media only screen and (max-width:850px) {
.footerbolmeler {width:33.3333333333%;}
.footerbolmeler:first-child {width:100%; padding-bottom:30px; text-align:center;}
.footerlogo {display:inline-block;}
}
@media only screen and (max-width:840px) {
header:before {}
header, .logo, .logo a {height:96px;}
.logo a {border-bottom:none;}
.logo img {padding: 0 5px;}
.royalSlider, .speedbar {margin-top:0;}
.abouticlik {margin: 0 auto;}
.speedbar .over {padding-left:10px;}
.catlogo .logo a {border-bottom: none;}
}
@media only screen and (max-width:820px) {
.xidmet {width:33.33333333333%;}
.mehsul {width:50%;}
.mehsul:nth-child(3n+1) {clear:none;}
.mehsul:nth-child(2n+1) {clear:both;}
}
@media only screen and (max-width:800px) {
.mobilmenu {display:block;}
.topmenu {display:none;}
}
@media only screen and (max-width:720px) {
.royalSlider, .rsOverflow {height:350px;}
.textiki {padding-top: 20px;}
.blockHeadline, .textiki {font-size: 23px; line-height: 29px;}
.ucluk ul li {float:none; width:100%; padding: 10px 15px;}
}
@media only screen and (max-width:700px) {
.qallery ul li {width:50%;}
.elaqe .elaqesol {width:55%;}
.elaqe .elaqesag {width:45%;}
.elaqe .elaqesol  label {width:100%;}
}
@media only screen and (max-width:650px) {
.footerbolmeler {width:100%; padding-bottom:30px;}
.footerbolmeler:last-child {padding-bottom:0;}
}
@media only screen and (max-width:670px) {
.projectsc ul li {width:50%} 
}
@media only screen and (max-width:620px) {
.xidmet {width:50%;}
}
@media only screen and (max-width:550px) {
.royalSlider, .rsOverflow {height:250px;}
.textiki {padding-top: 10px;}
.blockHeadline, .textiki {font-size: 20px; line-height: 25px;}
.slide2 .bContainer {top: 26%;}
.slide3 .bContainer {top: 17%;}
.mehsul {width:100%;}
.mehsul:nth-child(2n+1) {clear:none;}
}
@media only screen and (max-width:600px) {
.headerustsol {display:none;}
.elaqe .elaqesol, .elaqe .elaqesag {width:100%; padding:0;}
.elaqe .elaqesol {padding-bottom:30px;}
}
@media only screen and (max-width:500px) {
.xidmetfull .fullikon {float: none; padding: 0 0 15px 0;}
}
@media only screen and (max-width:480px) {
.blockHeadline, .textiki {font-size: 16px; line-height: 20px;}
.searchx input[type="text"] {width:100%;}
}
@media only screen and (max-width:430px) {
.xidmet {width:100%;}
}
@media only screen and (max-width:400px) {
.qallery ul li {width:100%;}
}
@media only screen and (max-width:390px) {
.royalSlider, .rsOverflow {height:200px;}
.textiki {padding-top: 5px;}
.blockHeadline, .textiki {font-size: 13px; line-height: 18px;}
}
@media only screen and (max-width:355px) {
.projectsc ul li {width:100%}
}
@media only screen and (max-width:325px) {
.blockHeadline, .textiki {font-size: 12px; line-height: 16px;}
}