/* www.siteURL.com / Design & Develop by Spiral Design Center / www.spiraldesign.org */

/*---------------------------------
	1199px
---------------------------------*/
@media screen and (max-width : 1199px) {
	.brd2{
		display: none;
	}
	.grids.one,
	.grids.two,
	.grids.three,
	.grids.four{
		width: 49%;
		height: 310px;
		margin-bottom: 2%;
	}
	.grids.one{
		margin-left: 2%;
	}
	.grids.two{
		margin-left: 0;
	}
	.grids.three{
		margin-left: 2%;
	}
	.grids.four{
		margin-left: 0;
		margin-top: 0;
	}
	.grids.one img,
	.grids.two img,
	.grids.three img,
	.grids.four img{
		margin: 0;
		position: static;
		width: 100%;
		height: 100%;
	}
	.games .two,
	.games .four {
		height: 250px;
	}
	.slide-part .chover::before,
	.slide-part .chover::after {
		content: none;
	}
	.slide-title {
	    padding-top: 24px;
	}
	.slide-part:hover .slide-title{
		margin-top: 0px;
 	 	padding-right: 0px;
	}
	.slide2-content{
		width: 520px;
	}
	.podcast{
		height: 165px;
	}
	.div-cover img {
	    margin: 88px 0 10px 0;
	    width: 120px;
	    height: 120px;
	}
	.info-cover i{
		margin-top: 70px;
	}
	.related-img a{
		width: 31%;
		margin-bottom: 15px;
	}
	.post-thumb{
		width: 100%;
		display: block;
	}
	.galleryimg{
  		height: 165px;
  	}
  	.media-cover .div-cover i {
	    margin: 35px 0 20px 0;
	}

}

/*---------------------------------
	992px
---------------------------------*/
@media screen and (max-width : 1140px) {
	.chart{
		width: 100%;
		overflow: scroll;
	}
}

/*---------------------------------
	992px
---------------------------------*/
@media screen and (max-width : 992px) {

	.news-title {
	    z-index: 2;
	}
	.news-title h2{
		font-size: 18px;
		line-height: 24px;
	}
	.grids.one, 
	.grids.two, 
	.grids.three, 
	.grids.four {
	    height: 240px;
	}
	.timeline {
	    border-right: 3px solid #1A7486;
	    position: relative;
	    padding-top: 20px;
	}
	.ev .etitle {
	    height: auto;
	}
	.tline {
		display: none;
	}
	.ev {
	    border-bottom: 3px dotted #bd9fb8;
	    border-left: none;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    padding-right: 20px;
	    text-align: right;
	    width: 100%;
	    position: relative;
	}
	.ev i {
	    width: 22px;
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin-right: -13px;
	}

	.serv{
		width: 33.333333%;
	}
	.games > div{
		margin-bottom: 15px;
	}
	.imggame::after {
	    opacity: 0.8;
	}
	.games .one,
	.games .two,
	.games .three,
	.games .four{
		width: 100%;
		height: auto;
		margin: 0;
	}
	.games .one{
		margin-left: 0%;
		height: auto;
	}
	.imggame {
	    height: 70px;
	}
	.imggame img {
	    height: auto;
	    width: 100%;
	}
	.game-title {
	    width: 90%;
	    right: 15px;
	}
	.game-title h2{
		width: 100%;
		font-size: 28px;
		font-weight: bold;
	}
	.game-title span{
		display: none;
	}
	.game-title .turquoise,
	.game-title .pumpkin,
	.game-title .nephritis,
	.game-title .belizehope{
		background: none;
	}
	.banners{
		margin-bottom: 15px;
		display: inline-block;
		text-align: center;
	}
	.banners a{
		width: 100%;
	}
	.main-menu li a {
	    /*font-size: 18px;*/
	    padding: 1px 6px;
	}
	.top-slider{
		display: none;
	}
	.podcast {
	    height: 250px;
	}
	.sidebar {
	    margin-left: 15px;
	    margin-right: 15px;
	}

	.pcontent{
		margin: 0;
		padding: 15px;
	}
	.awards{
		width: 100%;
		margin-bottom: 20px;
	}
	.ghazaal{
		float: right;
	}
	.awards ol {
	    float: right;
	    margin: 0 10% 0 0;
	}
	.side-info {
	    /*background: #84477b;*/
	    display: inline-block;
	    /*height: 67px;*/
	    margin-bottom: 25px;
	    margin-right: 5px;
	    padding: 5px 5px 0 0;
	    vertical-align: top;
	    width: 32%;
	}
	.list-form .tiny select{
	  margin-left: 2%
	}
	.tiny select {
    	width: 46%;
     }
	.info-cover > img {
	    height: 250px;
	}
	.galleryimg{
  		height: 250px;
  	}

}


/*---------------------------------
	767px
---------------------------------*/
@media screen and (max-width : 767px) {
	.main-menu li{
		display: block;
		border-bottom: none;
		width: 100%;
	}
	.main-menu > li > a{
		border-top: 1px solid #95668E;
		width: 100%;
		display: table;
	}
	.main-menu > li:hover{
	  background: none!important;
	  border-bottom: none;
	  margin-bottom: 0;
	}
	.main-menu > li::after {
	    content: "";
	}
	.main-menu li ul{
		display: block;
		position: static;
		width: 100%;
	}
	.main-menu li ul li{
		border-bottom: none;
	}

	.navbar-toggle {
    	float: none;
    	padding: 5px 10px;
	}
	.navbar-toggle .icon-bar {
    	background: #fff;
	}

	.footer-menu ul{
		padding: 0;
	}
	.footer-menu ul li{
		width: auto;
	}
	.footer-address{
		display: none;
	}
	.footer-newsletter{
		padding: 20px;
	}
	.stitle1{
		display: none;
	}
	.sidebar .stitle-main button{
		display: block;
	}
	.side-info{
		width: 48.5%;
	}
	.info-contact{
		margin-bottom: 60px;
	}
	.downloads .right{
		width: 80%;
	}
	.downloads .left{
		width: 20%;
	}
	.related-img{
		margin: 25px 0;
	}
	.related-img a{
		width: 30%;
		margin: 1.5% 1%;
	}
	.comments .right {
	    width: 40%;
	}
	.comments .left {
	    width: 57%;
	}
	.podcast {
	    height: auto;
	    padding-bottom: 50px;
	}
	.ev:hover i::before,
	.ev:hover i::after,
	.ev:focus i::before,
	.ev:focus i::after {
	  opacity: 0;
	}
	.ev:hover {
	    border-left:0;
	}

	.info-cover i {
    	margin-top: 30px;
	}
	.video-js{
		width: 520px;
		height: auto;
	}
	.grids:hover {
	  z-index: 999;
	  -webkit-transition: none!important;
	  transition: none!important;
	  -webkit-transform: none!important;
	  transform: none!important;
	  -webkit-box-shadow: none!important;
	  -moz-box-shadow: none!important;
	  box-shadow: none!important;
	}

	.grid-titles p{
	  display: none;
	}
	.grid-titles {
    	bottom: 0;
	}
	.aligns {
	    width: auto;
	    padding: 0 10px;
	}
	.media-cover .div-cover i{
		display: none;
	}
	.relateds {
	    margin-top: 30px;
	}
	a.related-video{
	    margin: 0 auto;
	    display: block;
	    text-align: center;
	}
	.div-cover h2 {
	    margin: 30px 0 3px 0;
	}

}


/*---------------------------------
	550px
---------------------------------*/
@media screen and (max-width : 550px) {
	.list-games{
		width: 50%;
	}
	.list-gallery{
		width: 100%;
	}
	.related-img a {
	    width: 47.5%;
	}
	.gall{
		width: 100%;
	}
	.grids.one, 
	.grids.two, 
	.grids.three, 
	.grids.four {
	    height: 200px;
	}
	.video-js{
		width: 470px;
		height: auto;
	}
	
	.sharevideo {
	    float: none;
	    margin-right: 20px;
	}
	.post-rows img {
	    width: 100%;
		float: none;
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	.plist {
	    padding-right: 0;
	}
}

/*---------------------------------
	480px
---------------------------------*/
@media screen and (max-width : 480px) {
	.top-search{
		display: none;
	}
	.logo{
		width: 100%;
		text-align: center;
	}
	.logo img{
		width: 180px;
	}
	.top-slider img{
		padding: 20px 0;
	}
	.grids.one,
	.grids.two,
	.grids.three,
	.grids.four{
		width: 100%;
		height: 100%;
		margin: 0;
		margin-bottom: 15px;
	}
	.serv{
		width: 50%;
	}
	.games .one,
	.games .two,
	.games .three,
	.games .four{
		width: 100%;
		height: auto;
	}
	.game-title h2{
		font-size: 22px;
		line-height: 1;
	}
	.banners{
		width: 100%;
	}
	.footer-sponsors{
		margin-top: 15px;
		margin-bottom: 15px;
		display: table;
	}
	.footer-sponsors a{
		float: left;
		display: inline-block;
		width: 23%;
		margin: 1%;
	}
	.footer-sponsors a img{
		width: 100%;
	}
	.trailer{
		margin-bottom: 20px;
	}
	.game-img{
		width: 100%;
		margin-bottom: 15px;
	}
	.lgames{
		width: 100%;
		margin-bottom: 15px;
	}
	.main-title{
		line-height: 30px;
	}
	.ghazaal{
		width: 15%
	}
	.ghazaal img{
		width: 100%;
	}
	.awards ol {
	    float: right;
	    margin: 0 10% 0 0;
	    width: 75%
	}
	.trailer{
		width: 100%;
	}
	.side-info{
		width: 100%;
	}
	.sidebar .stitle-main{
		padding: 10px;
	}
	.list-form > div{
		width: 100%;
	}
	.list-games{
		width: 50%;
	}
	.div-cover h2{
		margin-bottom: 0;
	}
	.post-content blockquote{
		width: 100%;
	}
	.downloads .right{
		width: 100%;
		margin-bottom: 20px;
	}
	.downloads .left{
		width: 100%;
	}
	.comments .right {
	    width: 100%;
	}
	.comments .left {
	    width: 100%;
	}
	.post-rows img{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.form-signin {
	    padding: 15px 20px;
	    margin: 0px auto;
	    margin: 0 20px;
	}
	.video-js{
		width: 290px;
		height: auto;
	}
	.sharevideo {
	    float: left;
	    margin-top: 20px;
	}

}


/*---------------------------------
	370px
---------------------------------*/
@media screen and (max-width : 370px) {
	.topbg {
	    padding: 5px 10px;
	}
	.top-phone span i{
		display: none;
	}
	.list-games{
		width: 100%;
	}
	.list-games .galleryimg {
	    margin: 0 auto;
	}
	.main-btn{
		width: 100%;
	}
	.related-img a {
	    width: 98%;
	    /*margin: 0;*/
	}
	.cm-div{
		margin: 30px 0;
	}
	.footer-sponsors a {
	    width: 48%;
	}
	.plist .main-title2 h2{
		font-size: 22px;
	}
	.audiojs .scrubber {
	    width: 50%;
	}
}