/*
 * ------------------------------------------------------------------------
 * Corpora Premium Template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes (dmsumon), Bangladesh. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: Sasu Themes (dmsumon)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/




@media only screen and (min-width: 960px) and (max-width: 1199px) {
		
	/*** popular posts ***/
	div.popular-posts h4.nspHeader{
		width: 65%;
		margin-bottom: 0;
		line-height: 22px; 
	}
	
	/*** portfolio 3 columns ***/
	
	div.portfolio-3-columns h2.title:after{
		left: 25%;
	}
	div.portfolio-3-columns span.over {
		width: 104%;
	}
	
	/*** portfolio 4 columns ***/		
	div.portfolio-4-columns span.over {
		width: 106%;
	}	
	
	/*** portfolio 2 columns ***/		
	div.portfolio-2-columns span.over {
		width: 103%;
	}	
}




@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/**** menu ****/
	
	div.menu-block .gf-menu.l1 > li > .item{
		padding: 0 18px;
	}
	
	/**** slider ****/
	
	#rt-slider .gkIsWrapper-gk_bikestore figcaption h3{
		font-size: 35px;
	}
	
	
	/**** tab ****/
	
	div.corpora-tab ul.gkTabs{
		border: none !important;
		background-image: none !important;
		border-top: 1px solid #DDDDDD !important;
	}
	
	div.corpora-tab ul.gkTabs li{
		width: 99.5%;
		padding: 0 !important;
		text-align: center;
		border-left: 1px solid #DDDDDD !important;
		border-right: 1px solid #DDDDDD !important;
		border-bottom: 1px solid #DDDDDD !important;
	}
	
	div.corpora-tab ul.gkTabs li{
		border-top: 3px solid transparent !important;
	}
	
	div.corpora-tab ul.gkTabs li:last-child{
		border-bottom: none;
	}
	
	div.corpora-tab ul.gkTabs li:hover, 
	div.corpora-tab ul.gkTabs li.active{
		border-bottom: 1px solid #ddd !important;
	}
	
	/**** Featured Clien ****/
	
	#piecemaker_holder{
		width: 100% !important;
	}
	
	#rt-clients h2.title:after{
		left: 35%;
	}
	
	/**** social ****/
	
	div.social #social ul li{
		margin-right: 15px;
	}
	
	/**** footer ****/
	
	#rt-footer h2.title{
		font-size: 15px;
	}
	
	/**** k2 Blog ****/
	
	div.itemContainer, 
	div.userItemImageBlock,
	div.tagItemImageBlock{
		width: 100%;
	}
		
	/*** popular-posts ***/
	
	div.popular-posts h4.nspHeader{
		width: 55%;
		font-size: 12px;
		margin-bottom: 0;
	}
	
	/*** portfolio 3 columns ***/
	div.portfolio-3-columns h2.title:after{
		left: 25%;
	}
	div.portfolio-3-columns span.over{
		width: 106%;
	}
	
	/*** portfolio 4 columns ***/
	div.portfolio-4-columns span.over{
		width: 108%;
	}
	
	div.portfolio-3-columns span.over span{
		width: 42%;
	}	
	
	/*** portfolio 2 columns ***/	
	div.portfolio-2-columns span.over{
		width: 104%;
	}	
}




@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	body{
		overflow-x: hidden;
	}
	
	/**** logo ****/
	
	#rt-header div.rt-block{
		padding: 20px 0;
	}
	
	.logo-type-gantry #rt-logo{
		background-size: 90%;
	}
	
	/**** search module ****/
	
	#rt-header form{
		margin: 0;
	}
	
	#rt-header div.search{
		left: 30px;
	}
	
	#mod-search-searchword{
		width: 95%;
	}
	
	/**** promo ****/
	
	div.sasu-promo{
		margin-top: 40px;
	}
	
	div.sasu-promo p.desc{
		line-height: 32px;
	}
	
	#rt-slider .gkIsWrapper-gk_bikestore figcaption h3{
		font-size: 20px;
	}
	
	
	/**** Services ****/
	
	#rt-showcase div.rt-container div.sasu-inner{
		background-repeat: repeat;
	}
	
	/**** Recent Projects ****/
	
	div.projects h2.title:after, #rt-clients h2.title:after{
		left: 50%;
	}

	/**** Featured Clien ****/
	
	#piecemaker_holder{
		width: 100% !important;
	}

	/**** footer ****/
	
	#rt-footer div.rt-container{
		background-repeat: repeat;
	}
	
	#rt-footer div.module-surround{
		text-align: center;
	}
	
	/*** popular-posts ***/
	
	div.popular-posts h4.nspHeader{
		width: 75%;
	}

	/**** k2 Blog ****/
	div.itemContainer, 
	div.userItemImageBlock,
	div.tagItemImageBlock{
		width: 100%;
	}
	
	.modal{
    	left: 0;
    	right: 0;
    	top: 0;
    	margin: 0;
    	position: relative;
    	width: auto;
	}
	
	/**** contact us page ****/
	
	div.mod-jgmap{
		margin-top: 35px;
	}
	
	/*** portfolio 3 columns ***/
	
	div.portfolio-3-columns h2.title:after{
		left: 40%;
	}
	
	div.portfolio-3-columns span.over{
		width: 110%;
	}
	
	div.portfolio-3-columns h4.nspHeader{
		font-size: 14px !important;
		line-height: 20px !important;
		margin-bottom: 30px !important;
		padding: 10px 0 !important;
	}
	
	div.portfolio-3-columns div.nspArt{
		min-height: 160px;
	}
	
	div.portfolio-3-columns span.over span{
		display: none;
	}

	/*** portfolio 4 columns ***/
	div.portfolio-4-columns span.over{
		width: 113%;
	}
	
	div.portfolio-4-columns h4.nspHeader{
		font-size: 12px !important;
		line-height: 25px !important;
		margin-bottom: 30px !important;
		padding: 10px 0 20px 0 !important;
	}
	
	div.portfolio-4-columns div.nspArt{
		min-height: 160px;
	}

	/*** portfolio 2 columns ***/	
	div.portfolio-2-columns span.over{
		width: 106%;
	}	
	
	#rt-showcase div.rt-container div.sasu-inner, 
	#rt-footer div.rt-container{
		background-image: none;
	}	
}




@media only screen and (max-width: 480px) {
	
	body{
		overflow-x: hidden;
	}
	
	/**** logo ****/
	
	#rt-header div.sasu-wrapper{
		padding-bottom: 35px;
	}
	
	#rt-header div.logo-block{
		padding: 20px 0;
		margin: 0;
	}

	/**** dynamic logo ****/
		
	.logo-type-gantry.chooselogo-logo1 #rt-logo{
		background: url("../images/corpora/logo-mobile1.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}
	
	.logo-type-gantry.chooselogo-logo2 #rt-logo{
		background: url("../images/corpora/logo-mobile2.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}	
	
	.logo-type-gantry.chooselogo-logo3 #rt-logo{
		background: url("../images/corpora/logo-mobile3.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}		
	
	.logo-type-gantry.chooselogo-logo4 #rt-logo{
		background: url("../images/corpora/logo-mobile4.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}		
	
	.logo-type-gantry.chooselogo-logo5 #rt-logo{
		background: url("../images/corpora/logo-mobile5.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}		
	
	.logo-type-gantry.chooselogo-logo6 #rt-logo{
		background: url("../images/corpora/logo-mobile6.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}	
	
	.logo-type-gantry.chooselogo-logo7 #rt-logo{
		background: url("../images/corpora/logo-mobile7.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}	
	
	.logo-type-gantry.chooselogo-logo8 #rt-logo{
		background: url("../images/corpora/logo-mobile8.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}	
	
	.logo-type-gantry.chooselogo-logo9 #rt-logo{
		background: url("../images/corpora/logo-mobile9.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}	
	
	.logo-type-gantry.chooselogo-logo10 #rt-logo{
		background: url("../images/corpora/logo-mobile10.png") no-repeat;
		margin-left: 0;
		background-size: 100%;
		width: 100%;
	}						
	/**** search module ****/

	#rt-header div.rt-block {
		margin: 0;
		padding: 25px 0 0 0;
	}
		
	#rt-header form{
		margin: 0;
	}
	
	#rt-header div.search{
		left: 30px;
	}
	
	#mod-search-searchword{
		width: 95%;
	}	
	
	/**** promo ****/
	
	div.sasu-promo{
		margin-top: 0;
	}
	
	div.sasu-promo p.heading{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	
	div.sasu-promo p.heading span{
		font-size: 20px;
	}
	
	div.sasu-promo p.desc{
		font-size: 13px;
		line-height: 25px;
		margin-bottom: 0;
	}
	
	/**** slider ****/
	
	#rt-slider .gkIsWrapper-gk_bikestore figcaption h3,
	#rt-slider .gkIsButtons{
		display: none;
	}
	
	/**** projects ****/
	
	div.projects h2.title:after, 
	#rt-clients h2.title:after{
		content: none;
	}
	
	div.projects div.nspTopInterface div {
    	float: left;
    	right: 25px;
    	position: absolute;
    	top: 62px;
	}
	
	div.rt-block.projects{
		margin: 0;
		padding: 10px 8px;
	}
	
	div.projects div.nspArtPage{
		margin-top: 45px;
	}
	
	div.projects div.nspArt{
		width: 196px !important;
	}
	
	div.projects p.nspInfo, 
	div.projects h4.nspHeader, 
	div.projects p.nspText{
		width: 162px;
	}
	
	/**** Featured Clien ****/
	
	#piecemaker_holder{
		width: 100% !important;
	}
	
	#rt-clients h2.title:after{
		left: 35%;
	}
	
	/**** social ****/
	div.social #social ul li{
		margin-right: 5px;
	}
	
	/*** popular-posts ***/
	
	div.popular-posts h4.nspHeader{
		width: 63%;
		font-size: 10px;
		line-height: 18px;
	}
	
	/**** k2 Blog ****/
	
	#k2Container{
		margin-top: -20px;
	}
	
	div.itemContainer, 
	div.userItemImageBlock,
	div.tagItemImageBlock{
		width: 100%;
	}	

	#rt-mainbody-surround div.catItemHeader > span, 
	#rt-mainbody-surround div.itemHeader > span, 
	#rt-mainbody-surround div.tagItemHeader > span, 
	#rt-mainbody-surround div.userItemView > span{
		border-right: none;
		margin-left: 0;
		border-bottom: 1px dashed #bdbdbd;
		padding: 8px 0;
		background-position: 0 7px;
	}
	
	div.catItemHeader h3.catItemTitle, 
	div.itemHeader h2.itemTitle, 
	div.tagItemHeader h2.tagItemTitle, 
	div.userItemHeader h3.userItemTitle, 
	div.blog h2.contentheading, 
	#rt-mainbody-surround h2.contentheading, 
	div.blog h2 a, div.component-content h2{
		font-size: 16px;
		line-height: 25px;
	}
	
	div.itemImageBlock span.hovering_link, 
	span.catItemImage span.hovering_link, 
	span.tagItemImage span.hovering_link, 
	div.userItemImage span.hovering_link, 
	div.genericItemImage span.hovering_link, 
	div.userItemImageBlock span.hovering_link{
		display: none;
	}
	
	div.catItemTagsBlock span{
		display: block;
		margin-bottom: 30px;
	}
	
	div.k2Pagination ul li{
		display: block;
		margin-bottom: 15px;
	}
	
	.component-content .pagination{
		height: 185px;
	}

	.modal{
    	left: 0;
    	right: 0;
    	top: 0;
    	margin: 0;
    	position: relative;
    	width: auto;
	}	
	
	div.itemCommentsForm form input.inputbox{
		width: 90px;
	}
	
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl, 
	span.userURL, 
	div.userBlock div.userAdditionalInfo{
		margin: 0;
		padding: 0;
	}
		
	div.userBlock div.userAdditionalInfo{
		float: left;
		width: 117px;
		font-size: 9px;
	}
	
	div.catItemTagsBlock ul.catItemTags li, 
	div.itemLinks ul.itemTags li, 
	div.userItemTagsBlock ul.userItemTags li{
		display: block;
		text-align: left;
	}	
	
	div.userItemTagsBlock ul.userItemTags,
	div.itemTagsBlock ul.itemTags{
		display: block;
		margin-top: 20px;
	}
	
	/**** login ****/	
	
	#username, 
	#password{
		width: 135px;
	}
	
	div.login button.button, 
	#user-registration button.validate, 
	div.k2AccountPageUpdate button.button{
		margin-left: 0;
	}
	
	/*** portfolio 3 columns ***/
	
	div.portfolio-3-columns h2.title:after{
		content: none;
	}
	
	div.portfolio-3-columns div.nspTopInterface{
		left: 20px;
		margin-top: 70px;
	}
	
	div.portfolio-3-columns div.nspArtPage{
		margin-top: 50px;
	}
	
	div.portfolio-3-columns div.nspArt{
		float: none;
		width: 100%;
	}
	div.portfolio-3-columns div.nspArt span.over{
		display: none;
	}
	
	/*** typography ***/
	
	div.one-two,
	div.one-three,
	div.one-four,
	div.two-three{
		float: none;
		width: 100%;
	}
	
	/**** footer ****/
	
	#rt-footer div.rt-container{
		background-repeat: repeat;
	}
	
	#rt-footer div.module-surround{
		text-align: center;
	}	
	
	#rt-showcase div.rt-container div.sasu-inner, 
	#rt-footer div.rt-container{
		background-image: none;
	}
	

}