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

@media only screen and (max-width:1340px) {
.xsayt {width:100%;}
}
@media only screen and (max-width:1340px) {
.mslider.owl-carousel .item {padding-top:0; height:360px;}
}
@media only screen and (max-width:1250px) {
.flists ul li {width:33.333333333%; padding-bottom:20px}
.flists ul li:nth-child(5n+1) {clear:none;}
.flists ul li:nth-child(3n+1) {clear:both;}
.ebook-category ul li {width:25%;}
}
@media only screen and (max-width:1100px) {
.menupanel .menu>ul  {border-width: 1px;}
.menupanel .menu>ul>li {width: 20%; display: block; float: left; text-align:left; border: 1px solid rgba(187, 68, 52, 0.56); border-top:none; border-left:none; position:relative;}
.menupanel .menu>ul>li>a {padding:10px;}
.menupanel .menu>ul>li.opensub>a {padding:10px 30px 10px 10px;}
.menupanel .menu>ul>li.opensub .submenu{opacity: 1;visibility: visible; top: auto; display:none; -webkit-transition: none; -moz-transition: none; transition: none; right:0; width:100%; min-width:100%;}
.menupanel .menu>ul>li.opensub .submenu.mdown>li>a {background-color: #d64f3c;}
.mainslider .owl-carousel {padding-left: 110px;padding-right: 110px;}
.owl-carousel.navstyle1 .owl-dots .owl-dot {width:100px;}
.owl-carousel.navstyle1 .owl-nav .owl-next {right: 150px}
.owl-carousel.navstyle1:hover .owl-nav .owl-next {right: 120px}
.owl-carousel.navstyle1 .owl-nav .owl-prev {left: 150px}
.owl-carousel.navstyle1:hover .owl-nav .owl-prev {left: 120px}
}
@media only screen and (max-width:1000px) {
.header .headerbottom {background-position:center center;}
.header .headerbottom .logo {padding-left:0;}
.content .siteleft {width:100%; float:none; padding:0;}
.content .siteright {width:100%; float:none; }
.content .siteright .forminvr {margin: 0 -5px; overflow:hidden;}
.content .siteright .formin {width:50%; float:left; padding:0 5px;}
.content .siteright .formax {clear:both;}
.mslider.owl-carousel .item {padding-top:56%; height:auto;}
.links ul {overflow:hidden; margin:0 -5px;}
.links ul li {float:left; width: 33.333333333%; padding: 0 5px 10px 5px !important;}
.links ul li:nth-child(3n+1) {clear:both;}
}
@media only screen and (max-width:880px) {
.header .headerbottom {padding:10px;}
.header .headerbottom .logo {padding-top:68px;}
.header .headerbottom .logo img {height:40px;}
.header .headerbottom .otherlogos .logowrap img {height:55px;}
.header .headerbottom .otherlogos .logowrap:first-child img {height:60px !important}
.menupanel .menu>ul>li {width:25%;}
}
@media only screen and (max-width:840px) {
.mslider.owl-carousel .item {padding-top:0; height:360px;}
}
@media only screen and (max-width:780px) {
.ebook-category ul li {width:33.333333333%;}
.relt.ebook-category ul li:nth-child(4) {display:none;}
}
@media only screen and (max-width:720px) {
.fullpanel .widget {padding-bottom:0;}
.doublepanel .halfpanel {width:100%; float:none;}
.mainslider .owl-carousel {padding-left: 0;padding-right: 0;}
.owl-carousel.navstyle1 .owl-dots {display:none;}
.owl-carousel.navstyle1 .owl-nav .owl-next {right: 40px}
.owl-carousel.navstyle1:hover .owl-nav .owl-next {right: 10px}
.owl-carousel.navstyle1 .owl-nav .owl-prev {left: 40px}
.owl-carousel.navstyle1:hover .owl-nav .owl-prev {left: 10px}
}
@media only screen and (min-width:700px) {
.menupanel .menu {display: block !important;}
}
@media only screen and (max-width:700px) {
.header .headerbottom .logo {padding-top:52px;} 
.header .headerbottom .otherlogos .logowrap img {height:46px;}
.news-category ul li, .relatednews ul li {width:50%}
.news-category ul li:nth-child(3n+1) {clear:none;}
.news-category ul li:nth-child(2n+1), .relatednews ul li:nth-child(2n+1) {clear:both;}
.news-category.regions ul li:nth-child(2n+1) {clear:none;}
.relatednews ul li {padding-bottom:15px;}
.menupanel .menu {display:none;}
.mobilmenu {display:inline-block; vertical-align:top;}
.menupanel .menu>ul {border-top: 1px solid #d64f3c;}
.menupanel .menu>ul {padding:0;}
.menupanel .menu>ul>li {width:33.333333333%;}
}
@media only screen and (max-width:650px) {
.header .headerbottom {padding: 10px 0; background-position: right center;}
.header .headerbottom .logo {text-align: center; width: 100%; box-shadow: 0px 0px 9px 2px #f28e31; background-color: rgba(251, 232, 58, 0.54); padding: 5px 0;}
.header .headerbottom .logo a {display:inline-block; vertical-align:top;}
.header .headerbottom .otherlogos {width: 300px; margin: 0 auto; float: none; padding-top: 10px;}
.hotnews .hotlist  {font-size:18px; line-height:30px;}
#mycrawler div.crv:after {font-size:14px; line-height:30px;} 
.links ul li {width:50%;}
.links ul li:nth-child(3n+1) {clear:none;}
.links ul li:nth-child(2n+1) {clear:both;}
.ebookpanel .ebpvr .ebt {width:100%; margin-bottom: 10px;}
.ebookpanel .ebpvr .ebp {width:100%;}
}
@media only screen and (max-width:590px) {
.flists ul li {width:50%;}
.flists ul li:nth-child(3n+1) {clear:none;}
.flists ul li:nth-child(2n+1) {clear:both;}
.content .siteright .formin {width:100%;}
.fullstory .share .share-box ul li span {display:none;}
.ebook-category ul li {width:50%;}
.relt.ebook-category ul li {padding-bottom: 20px;}
.relt.ebook-category ul li:nth-child(4) {display:block;}
}
@media only screen and (max-width:550px) {
.mainslider .owl-carousel {margin-left:0;}
.mslider.owl-carousel .item {padding-top:71%; height:auto;}
.owl-carousel.navstyle1 .owl-nav {display:none;}
.menupanel .menu>ul>li {width:50%;}
.menupanel .searchpanel input[type="text"] {font-size:20px;}
}
@media only screen and (max-width:480px) {
.news-category ul li, .relatednews ul li {width:100%; padding-bottom:15px;}
.news-category ul li:nth-child(2n+1), .relatednews ul li:nth-child(2n+1)  {clear:none;}
}
@media only screen and (max-width:450px) {
.header .headertop {display:none;}
.mslider.owl-carousel .item {padding-top:0; height:280px;}
.owl-carousel .iteminfo h1 {font-size: 20px; line-height: 25px; max-height:200px; overflow:hidden;}
.ebookpanel .ebpvr .ebp .book-detail ul li .bdetail-title {width:100%; float:none;}
}
@media only screen and (max-width:400px) {
.ebook-category ul li, .relt.ebook-category ul li  {width:100%; padding-bottom: 15px;}
.flists ul li {width:100% !important; padding-bottom:15px !important;}
.flists ul li:nth-child(2n+1) {clear:none;}
.flists ul li:nth-child(n+5) {display:none;}
.links ul li {width:100%;}
.links ul li:nth-child(2n+1) {clear:none;}
}
@media only screen and (max-width:360px) {
.menupanel .menu>ul>li {width:100%;}
.menupanel .menu>ul>li.opensub .submenu {position:relative;}
}
@media only screen and (max-width:340px) {
.header .headerbottom .logo img {height:36px;}
.header .headerbottom .otherlogos {padding: 10px 10px 0;} 
.header .headerbottom .otherlogos .logowrap img {height:42px;}
}