@media only screen and (min-width: 1024px) and (max-width: 1355px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
 box-sizing: border-box;
box-sizing: padding-box;
width:961px !important; 
text-align:center;
}

 #header-top {
float:left;
width:961px;
clear:both;
height:45px;
background:url(../images/bg-top-900.png) 0 0 no-repeat;
}

 #header-center {
 float:left; 
 width:961px; 
background:url(../images/bg-center-900.png) 0 0 repeat;
} 

#header {
width:100%;
float:left;
height:290px;
display:block;
clear:both;
margin-top:0px;
} 

#block-top  h3,
#block-feature h3,
#block-beforecontent h3,
#block-aftercontent h3,
#block-bottomcontent h3,
#block-footertop h3,
#block-footerbottom h3 {
font-size:20px;
}

#portfolio .moduletable-icon-left h3,
#block-top .moduletable-icon-left h3,
#block-feature .moduletable-icon-left h3,
#block-beforecontent .moduletable-icon-left h3,
#block-aftercontent .moduletable-icon-left h3,
#block-bottomcontent .moduletable-icon-left h3,
#block-footertop .moduletable-icon-left h3,
#block-footerbottom .moduletable-icon-left h3{
font-size:20px;
}

#portfolio .moduletable-icon-center h3,
#block-top .moduletable-icon-center h3,
#block-feature .moduletable-icon-center h3,
#block-beforecontent .moduletable-icon-center h3,
#block-aftercontent .moduletable-icon-center h3,
#block-bottomcontent .moduletable-icon-center h3,
#block-footertop .moduletable-icon-center h3,
#block-footerbottom .moduletable-icon-center h3 {
font-size:20px;
}

h3.title-category {
font-size:20px !important;
text-transform:uppercase !important;
color:#000 !important;
margin:12px 0 !important;
}

.newsflash p {
padding-bottom:15px;
}

p {
line-height: 20.5px; 
}


} 


@media only screen and (min-width: 740px) and (max-width: 1023px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
box-sizing: border-box;
box-sizing: padding-box;
width:700px !important; 
text-align:center;
}

#header-top {
float:left;
width:700px;
clear:both;
height:93px;
background:url(../images/bg-top-700.png) 0 0 no-repeat;
}

#header-center {
float:left;
width:700px;
background:url(../images/bg-center-700.png) 0 0 repeat;
}

#navigation ul.menu li a {
padding:8px 8px 8px 8px ; 
margin:13px 5px 25px 5px; 
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:400; 
height:29px;
font-size:17px ;
letter-spacing:0;
} 


#block-top  h3,
#block-feature h3,
#block-beforecontent h3,
#block-aftercontent h3,
#block-bottomcontent h3,
#block-footertop h3,
#block-footerbottom h3 {
font-size:17px;
}

#portfolio .moduletable-icon-left h3,
#block-top .moduletable-icon-left h3,
#block-feature .moduletable-icon-left h3,
#block-beforecontent .moduletable-icon-left h3,
#block-aftercontent .moduletable-icon-left h3,
#block-bottomcontent .moduletable-icon-left h3,
#block-footertop .moduletable-icon-left h3,
#block-footerbottom .moduletable-icon-left h3{
font-size:17px;
}

#portfolio .moduletable-icon-center h3,
#block-top .moduletable-icon-center h3,
#block-feature .moduletable-icon-center h3,
#block-beforecontent .moduletable-icon-center h3,
#block-aftercontent .moduletable-icon-center h3,
#block-bottomcontent .moduletable-icon-center h3,
#block-footertop .moduletable-icon-center h3,
#block-footerbottom .moduletable-icon-center h3 {
font-size:17px;
}

h1{ 
font-size: 200%;
}

h2{ 
font-size: 150%;
}

h3{ 
font-size: 80%; 
}

h4{ 
font-size: 70%;  
}

h5{ 
font-size: 60%;
}

h6{ 
font-size: 50%; 
} 

p {
line-height: 20.5px; 
font-size:12px;
font-weight:normal;
margin:12px 0px 20px 0;
text-align:left;
}

#portfolio .moduletable-icon-left i,
#block-top .moduletable-icon-left i,
#block-feature .moduletable-icon-left i,
#block-beforecontent .moduletable-icon-left i,
#block-aftercontent .moduletable-icon-left i,
#block-bottomcontent .moduletable-icon-left i,
#block-footertop .moduletable-icon-left i,
#block-footerbottom .moduletable-icon-left i {
font-size:1em; 
width:17px; 
} 

#portfolio .moduletable-icon-center i,
#block-top .moduletable-icon-center i,
#block-feature .moduletable-icon-center i,
#block-beforecontent .moduletable-icon-center i,
#block-aftercontent .moduletable-icon-center i,
#block-bottomcontent .moduletable-icon-center i,
#block-footertop .moduletable-icon-center i,
#block-footerbottom .moduletable-icon-center i {
font-size:45px;
}

#block-top ul li a,
#block-feature ul li a,
#block-beforecontent ul li a,
#block-aftercontent ul li a ,
#block-bottomcontent ul li a,
#block-footertop ul li a ,
#block-footerbottom ul li a {
font-weight:bold;
line-height: 1.4em ;
font-size:12px;
}

#block-top ul li:before,
#block-feature ul li:before,
#block-beforecontent ul li:before,
#block-aftercontent ul li:before ,
#block-bottomcontent ul li:before,
#block-footertop ul li:before ,
#block-footerbottom ul li:before {
 content: "\f1db";  
font-family:fontawesome;
font-weight:bold;
color:#161616;
margin-right:5px;
font-size:0.7em;
}

h3.title-category {
font-size:15px !important;
text-transform:uppercase !important;
color:#000 !important;
margin:10px 0 !important;
}

.newsflash p {
padding-bottom:10px;
}

p {
line-height: 19.5px; 
}

ul.category-module-style_1 li{
padding-bottom:20px !important;
padding-top:0px !important;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:23px;
text-transform:capitalize;
font-size: 14px;
color:#fff;

}

}

@media only screen and (min-width: 640px) and (max-width: 739px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px; box-sizing: border-box;
box-sizing: padding-box;
width:600px !important; 
text-align:center;
}

#header-top {
float:left;
width:600px;
clear:both;
height:93px;
background:url(../images/bg-top-600.png) 0 0 no-repeat;

}

#header-center {
float:left;
width:600px;
background:url(../images/bg-center-600.png) 0 0 repeat;
}

#header {
height:200px;
}

div.menuButon{
text-align: center !important;
margin-top: 25px;
float:none !important;
width:150%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 25px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
margin-left:30px;
} 

#navigation {
display:none;
}


#sitename {
margin-top:10px;
width:160%;
text-align:center;
}


#sitename a {
text-align:center;
font-size:60px !important ;
width:100%;
margin-top:0px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
margin-left:30px;
width:140%;
}

#portfolio .moduletable-icon-left,
#block-top .moduletable-icon-left,
#block-feature .moduletable-icon-left,
#block-beforecontent .moduletable-icon-left,
#block-aftercontent .moduletable-icon-left,
#block-bottomcontent .moduletable-icon-left,
#block-footertop .moduletable-icon-left,
#block-footerbottom .moduletable-icon-left {
padding:20px 0; 
width:100%;
margin:0 0 25px 0;
text-align:left;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}



}

@media only screen and (min-width: 530px) and (max-width: 639px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
position:relative;
 box-sizing: border-box;
box-sizing: padding-box;
width:500px !important; 
text-align:center;
}

#header-top {
float:left;
width:500px;
clear:both;
height:93px;
background:url(../images/bg-top-500.png) 0 0 no-repeat;
}

#header-center {
float:left;
width:500px;
background:url(../images/bg-center-500.png) 0 0 repeat;
}

div.menuButon{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:170%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
} 

#navigation {
display:none;
}


#sitename {
margin-top:15px;
width:170%;
text-align:center;
}


#sitename a {
text-align:center;
font-size:50px !important ;
width:100%;
margin-top:0px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
width:170%;

}

#header {
height:200px;
}

.soc_icons_box {
margin-top:0px;
text-align:center;
background:transparent;
}

.copyright {
text-align:center;
font-weight:bold;
margin-top:-25px;
text-transform:capitalize;
font-size: 14px;
}

#portfolio .moduletable-icon-left,
#block-top .moduletable-icon-left,
#block-feature .moduletable-icon-left,
#block-beforecontent .moduletable-icon-left,
#block-aftercontent .moduletable-icon-left,
#block-bottomcontent .moduletable-icon-left,
#block-footertop .moduletable-icon-left,
#block-footerbottom .moduletable-icon-left {
padding:20px 0; 
width:100%;
margin:0 0 25px 0;
text-align:left;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}


}

@media only screen and (min-width: 440px) and (max-width: 529px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
position:relative;
 box-sizing: border-box;
box-sizing: padding-box;
width:400px !important; 
text-align:center;
}

#header-top {
float:left;
width:400px;
clear:both;
height:93px;
background:url(../images/bg-top-400.png) 0 0 no-repeat;
}

#header-center {
float:left;
width:400px;
background:url(../images/bg-center-400.png) 0 0 repeat;
}

div.menuButon{
text-align: center !important;
margin-top: 20px;
float:none !important;
width:110%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
margin-left:30px;
} 

#navigation {
display:none;
}


#sitename {
margin-top:15px;
width:120%;
text-align:center;
}


#sitename a {
text-align:center;
font-size:50px !important ;
width:100%;
margin-top:-20px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
width:120%;

}

#header {
height:200px;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}

}

@media only screen and (min-width: 380px) and (max-width: 439px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
position:relative;
 box-sizing: border-box;
box-sizing: padding-box;
width:350px !important; 
text-align:center;
}

#header-top {
float:left;
width:350px;
clear:both;
height:93px;
background:url(../images/bg-top-350.png) 0 0 no-repeat;
}

#header-center {
float:left;
width:350px;
background:url(../images/bg-center-350.png) 0 0 repeat;
}

div.menuButon{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:120%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
} 

#navigation {
display:none;
}


#sitename {
margin-top:15px;
width:120%;
text-align:center;
}


#sitename a {
text-align:center !important;
font-size:45px !important ;
margin-top:-20px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
width:120%;
}

#header {
height:200px;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}

}


@media only screen and (min-width: 340px) and (max-width: 379px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
position:relative;
 box-sizing: border-box;
box-sizing: padding-box;
width:320px !important; 
text-align:center;
}

#header-top {
float:left;
width:320px;
clear:both;
height:93px;
background:url(../images/bg-top-320.png) 0 0 no-repeat;
}

#header-center {
float:left;
width:320px;
background:url(../images/bg-center-320.png) 0 0 repeat;
}


div.menuButon{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:110%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
} 

#navigation {
display:none;
}


#sitename {
margin-top:15px;
width:110%;
}


#sitename a {
text-align:center;
font-size:35px !important ;
width:100%;
margin-top:15px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
width:110%;
}

#header {
height:170px;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}

}

@media only screen and (min-width: 0px) and (max-width: 339px) {
div.wrapperbox {
margin-left:auto !important;
margin-right:auto!important ;
margin-top:40px;
margin-bottom:40px;
position:relative;
 box-sizing: border-box;
box-sizing: padding-box;
width:260px !important; 
text-align:center;
}

#header-top {
float:left;
width:260px;
clear:both;
height:93px;
background:#fff;

}

#header-center {
float:left;
width:260px;
background:#fff;
}

div.menuButon{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
margin-left:auto;
margin-right:auto;
} 

div.menuButon a{
text-align: center !important;
margin-top: 15px;
float:none !important;
width:100%;
} 

a#openMenu{
text-align: center !important;
margin-top: 0px;
float:none !important;
width:100%;
} 

#navigation {
display:none;
}


#sitename {
margin-top:15px;
}


#sitename a {
text-align:center;
font-size:35px !important ;
width:100%;
margin-top:0px !important;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:20px !important;
padding:10px 0;
text-transform:capitalize;
line-height:20px;
letter-spacing:0;
}

#header {
height:150px;
}

.cols-2 .column-1 {
width: 100%;
float: left;
margin: 0 0% 30px 0%;
}

.cols-2 .column-2 {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 5px; 
margin:0% 0% 30px 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.cols-3 .column-3 {
float: left;
width: 100%;
margin:0% 0% 30px 0%;
}

.copyright {
text-align:center !important;
font-weight:bold;
margin-top:0px;
margin-bottom:15px;
text-transform:capitalize;
font-size: 14px;
color:#fff;
}

}