@media only screen and (min-width: 1281px) and (max-width: 9000px) {



}



@media only screen and (min-width: 981px) and (max-width: 1280px) {

#navigation ul.menu li {

font-size:12px ;

}



div.parallax-text > div#button {

 color:#fff;

 margin-top:50px;

}



 div.parallax-text  {

margin-top:5px;

}



div.parallax-text p  {

color:#fff;

font-size:16px;

}



div.leading-0 div.gk-article-blog h2.article-header-blog,

div.leading-1 div.gk-article-blog h2.article-header-blog,

div.leading-2 div.gk-article-blog h2.article-header-blog,

div.leading-3 div.gk-article-blog h2.article-header-blog,

div.leading-4 div.gk-article-blog h2.article-header-blog,

div.item.column-1 div.gk-article-blog h2.article-header-blog,

div.item.column-2 div.gk-article-blog h2.article-header-blog,

div.item.column-3 div.gk-article-blog h2.article-header-blog,

div.item.column-4 div.gk-article-blog h2.article-header-blog,

div.item.column-5 div.gk-article-blog h2.article-header-blog{

font-size:16px !important;

}



.images-parallax{	

height:580px !important;	

}





div.parallax-text > div#button > a.download, 

div.parallax-text > div#button > a.demo{

padding:10px;  

font-size:13px; 

}



div.parallax-text > div#button > a.download:hover,

div.parallax-text > div#button > a.demo:hover{

padding:10px;  

font-size:13px; 

}









}





@media only screen and (min-width: 761px) and (max-width: 960px) {

.sitename-title h1 {

font-size:11px;

margin:0 0 0 0px;



}



#sitename a.logo {

font-size:23px;

text-align:left;

}



#navigation ul.menu li {

font-size:11px ;



}

#navigation ul.menu li a {

padding:2px 0px 0px 0px !important;

}



div.parallax-text h3  {

text-align:left;

color:#fff;

font-size:18px;

}



div.parallax-text p  {

color:#fff;

font-size:15px;

}



div.parallax-text > div#button {

 color:#fff;

 margin-top:35px;

 }

 

 div.parallax-text > div#button > a.download, 

div.parallax-text > div#button > a.demo{

padding:10px;  

font-size:12px; 

text-align:center;

}



div.parallax-text > div#button > a.download:hover,

div.parallax-text > div#button > a.demo:hover{

padding:10px;  

font-size:12px; 

}



div.parallax-text  {

text-align:left;

color:#fff;

margin-top:10px;

}



.images-parallax{	

height:500px !important;	

}



.module-parallax{	

height:650px;	

}



.leading-0 {

width:100%;

}

 .cols-1 {

width:100%;

}



.cols-2 .column-1 {

width: 100%;

float: left;

}



.cols-2 .column-2 {

width: 100%;

float: left;

}



.cols-3 .column-1 {

float: left;

width: 100%;

padding: 0 5px; 

margin-right: 4%

}



.cols-3 .column-2 {

float: left;

width: 100%;

margin-left: 0;

padding: 0 5px

}



.cols-3 .column-3 {

float: left;

width: 100%;

padding: 0 5px

} 



.items-row {

 overflow:visible ; 

margin-bottom: 40px !important;

}



.items-row {

 overflow:visible ; 

margin-bottom: 40px !important;

}



div.leading-0 div.gk-article-blog span.article-info,

div.item.column-1 div.gk-article-blog span.article-info,

div.item.column-2 div.gk-article-blog span.article-info,

div.item.column-3 div.gk-article-blog span.article-info,

div.item.column-4 div.gk-article-blog span.article-info,

div.item.column-5 div.gk-article-blog span.article-info{

float:left;

text-align: left; 

font-size: 10.05px;

margin:-11px 10px 20px 72px;

padding:0;

font-weight:normal;

width:70% !important;

display:inline;

} 



div.leading-0 div.gk-article-blog h2.article-header-blog,

div.leading-1 div.gk-article-blog h2.article-header-blog,

div.leading-2 div.gk-article-blog h2.article-header-blog,

div.leading-3 div.gk-article-blog h2.article-header-blog,

div.leading-4 div.gk-article-blog h2.article-header-blog,

div.item.column-1 div.gk-article-blog h2.article-header-blog,

div.item.column-2 div.gk-article-blog h2.article-header-blog,

div.item.column-3 div.gk-article-blog h2.article-header-blog,

div.item.column-4 div.gk-article-blog h2.article-header-blog,

div.item.column-5 div.gk-article-blog h2.article-header-blog{

font-size:22px !important;

margin-top:60px;

}



div#bottomcontent div#button > a.demo,

 div#bottomcontent div#button > a.download ,

 div#footertop div#button > a.demo,

 div#footertop div#button > a.download {



padding:6px;  

font-size:11px; 



}





 div#bottomcontent div#button > a.demo:hover,

 div#bottomcontent div#button > a.download:hover,

 div#footertop div#button > a.demo:hover,

 div#footertop div#button > a.download:hover {



padding:6px;  

font-size:11px; 



}



#block-bottomcontent h2,#block-footertop h2 {

font-size:13px;

line-height:13px;

}



#block-bottomcontent p,#block-footertop p {

font-size:11px;

line-height:11px;

}





}





@media only screen and (min-width: 0px) and (max-width: 760px) {

#sitename  {

text-align:center !important ;

}



.sitename-title  {

text-align:center !important;

}



.sitename-title h1 {

font-size:12px;

text-align:center !important;

margin:0 0 0 0px;

}



#sitename a.logo {

font-size:26px;

text-align:center !important;

}



.parallax-header {

margin-bottom:10px;

margin-top:0px;

}



.parallax-header h2,div.contentpara  h2 {

font-size:22px;



}



.parallax-header p{

font-size:12px;

}



div.parallax-text  {

margin-top:10px;

}



div.parallax-text h3 {

font-size:14px;

text-align:center;

}



div.parallax-text p {

font-size:12px;

text-align:center;

}

.images-parallax{	

height:620px !important;	

}







div.parallax-text > div#button > a.download{

text-align:center;

}



div.parallax-text > div#button > a.download, 

div.parallax-text > div#button > a.demo{

padding:8px;  

font-size:12px; 

text-align:center;

}





div#bottomcontent div#button > a.demo,

 div#bottomcontent div#button > a.download ,

 div#footertop div#button > a.demo,

 div#footertop div#button > a.download {



padding:6px;  

font-size:11px; 



}





 div#bottomcontent div#button > a.demo:hover,

 div#bottomcontent div#button > a.download:hover,

 div#footertop div#button > a.demo:hover,

 div#footertop div#button > a.download:hover {



padding:6px;  

font-size:11px; 



}





div.parallax-text > div#button > a.download:hover,

div.parallax-text > div#button > a.demo:hover{

padding:8px;  

font-size:12px; 

}



div.parallax-text > div#button {

 margin-top:40px;

 text-align:center;

 }

 

 

 .cols-1 {

width:100%;

}



.cols-2 .column-1 {

width: 100%;

float: left;

}



.cols-2 .column-2 {

width: 100%;

float: left;

}



.cols-3 .column-1 {

float: left;

width: 100%;

padding: 0 5px; 

margin-right: 4%

}



.cols-3 .column-2 {

float: left;

width: 100%;

margin-left: 0;

padding: 0 5px

}



.cols-3 .column-3 {

float: left;

width: 100%;

padding: 0 5px

} 





div.leading-0 div.gk-article-blog h2.article-header-blog,

div.leading-1 div.gk-article-blog h2.article-header-blog,

div.leading-2 div.gk-article-blog h2.article-header-blog,

div.leading-3 div.gk-article-blog h2.article-header-blog,

div.leading-4 div.gk-article-blog h2.article-header-blog,

div.item.column-1 div.gk-article-blog h2.article-header-blog,

div.item.column-2 div.gk-article-blog h2.article-header-blog,

div.item.column-3 div.gk-article-blog h2.article-header-blog,

div.item.column-4 div.gk-article-blog h2.article-header-blog,

div.item.column-5 div.gk-article-blog h2.article-header-blog{

font-size:16px !important;

margin-top:50px;

}



#block-bottomcontent h2 ,#block-footertop h2{

font-size:15px;

}



.items-row {

 overflow:visible ; 

margin-bottom: 40px !important;

}





div.leading-0 div.gk-article-blog span.article-info,

div.leading-1 div.gk-article-blog span.article-info,

div.leading-2 div.gk-article-blog span.article-info,

div.leading-3 div.gk-article-blog span.article-info,

div.leading-4 div.gk-article-blog span.article-info,

div.item.column-1 div.gk-article-blog span.article-info,

div.item.column-2 div.gk-article-blog span.article-info,

div.item.column-3 div.gk-article-blog span.article-info,

div.item.column-4 div.gk-article-blog span.article-info,

div.item.column-5 div.gk-article-blog span.article-info{

float:left;

text-align: left; 

font-size: 10.05px;

margin:-11px 10px 20px 72px !important;

padding:0;

font-weight:normal;

width:70% !important;

display:inline;

} 



 #portfolio-item-container li.portfolio-item{

padding:0;

margin:0 0 -5px 0 !important;

width:33.333333%;

float:left;

text-align:center;

overflow:hidden;



}



div.gk-article-blog {

margin-bottom:45px ;

}



div#bottomcontent .moduletable,#block-footertop .moduletable {

margin: 60px 15px;



 }



}