@media only screen and (min-width: 1000px) and (max-width: 1355px) {
div.wrapperbox {
margin-left:2% !important;
margin-right:2% !important ;
width:96%;
}

.wrapperbox-padding {
width:95%;
}

#header {
width:100%; 
margin-top:40px;
}

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: 999px) {
div.wrapperbox {
margin-left:5% !important;
margin-right:5% !important ;
width:90%;

}

.wrapperbox-padding {
width:90%;
}

#header {
width:100%; 
margin-top:30px;
}

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

#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%;
}

}

@media only screen and (min-width: 640px) and (max-width: 739px) {
div.wrapperbox {
margin-left:5% !important;
margin-right:5% !important ;
width:90%;

}

.wrapperbox-padding {
width:90%;
}

#header {
width:100%; 
margin-top:0px;
}

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:5% !important;
margin-right:5% !important ;
width:90%;
}

.wrapperbox-padding {
width:90%;
}

#header {
width:100%; 
margin-top:0px;
}

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

}

@media only screen and (min-width: 440px) and (max-width: 529px) {
div.wrapperbox {
margin-left:5% !important;
margin-right:5% !important ;
width:90%;

}

.wrapperbox-padding {
width:90%;
}

#header {
width:100%; 
margin-top:0px;
}

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

}

@media only screen and (min-width: 380px) and (max-width: 439px) {
div.wrapperbox {
margin-left:0% !important;
margin-right:0% !important ;
width:100%;

}

.wrapperbox-padding {
width:100%;
}

#header {
width:100%; 
margin-top:0px;
}

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

}


@media only screen and (min-width: 340px) and (max-width: 379px) {
div.wrapperbox {
margin-left:0% !important;
margin-right:0% !important ;
width:100%;

}

.wrapperbox-padding {
width:100%;
}

#header {
width:100%; 
margin-top:0px;
}


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

}

@media only screen and (min-width: 0px) and (max-width: 339px) {
div.wrapperbox {
margin-left:0% !important;
margin-right:0% !important ;
width:100%;

}

.wrapperbox-padding {
width:100%;
}

#header {
width:100%; 
height:170px;
margin-top:0px;
}

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


.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%;
}

}