

@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; }

/* div.container_12 > div.grid_12 > div > div.blogpage-module {
 padding:0 ;

} */

}









@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;}
 
 /* div.container_12 > div.grid_12 > div > div.blogpage-module {
 padding:0 ;
 
 } */
 
 }
 
 
 
 
 
 
 
 @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; }
 
 div.container_12 > div.grid_12 > div > div.blogpage-module {
padding-left:0px;
padding-right:0px;
}
 
 div.blogpage-module > div.items-row.cols-1.row-0.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-1.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog , 
div.blogpage-module > div.items-row.cols-1.row-2.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-3.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-4.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-5.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-6.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-7.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-8.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-9.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-10.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-11.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-12.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-13.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-14.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-15.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-16.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-17.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-18.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-19.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-20.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-21.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog ,
div.blogpage-module > div.items-row.cols-1.row-22.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  ,
div.blogpage-module > div.items-row.cols-1.row-23.row-fluid.clearfix > div.span12 > div.item.column-1 > div.gk-article-blog > h2.article-header-blog  {
font-size:15px;
padding-bottom:10px;
}
 } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 