@media screen and (min-width : 1101px) and (max-width :1200px) {
   




}
   
@media screen and (min-width : 970px) and (max-width :1100px) {
  
.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 40px; line-height: 56px; padding-top: 330px;}
.subtext-image { font-size: 32px; line-height: 38px; padding-top: 10px;}
.captionshop p { font-size: 32px; line-height: 138%; padding-top: 35px !important;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}
.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}



}
   
@media screen and (min-width : 768px) and (max-width : 970px) {
   
.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 40px; line-height: 56px; padding-top: 330px;}
.subtext-image { font-size: 32px; line-height: 38px; padding-top: 10px;}
.captionshop p { font-size: 32px; line-height: 138%; padding-top: 35px !important;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}
.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}


}
 
@media screen and (min-width : 640px) and (max-width: 767px) {

.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 40px; line-height: 56px; padding-top: 330px;}
.subtext-image { font-size: 32px; line-height: 38px; padding-top: 10px;}
.captionshop p {line-height: 104%;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}
.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}

}


@media screen and (min-width : 480px) and (max-width: 639px) {

.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 30px; line-height: 36px; padding-top: 330px;}
.subtext-image { font-size: 22px; line-height: 28px; padding-top: 10px;}
.captionshop p {line-height: 104%;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}
.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}


}

@media screen and (min-width : 360px) and (max-width: 479px) {
   
.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 30px; line-height: 36px; padding-top: 330px;}
.subtext-image { font-size: 22px; line-height: 28px; padding-top: 10px;}
.captionshop p {line-height: 104%;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}

.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}

}


@media screen and (min-width : 320px) and (max-width: 359px) {
     
.navbar-brand.brand { display: table; float: none; font-size: 23px !important; padding-top: 22px !important;}
.text-homeimage {font-size: 30px; line-height: 36px; padding-top: 330px;}
.subtext-image { font-size: 22px; line-height: 28px; padding-top: 10px;}
.captionshop p {line-height: 104%;}
.homebrowseitems { font-size: 20px; padding: 10px 0; width: 100%;}
.homebrowseitemsicon { background: transparent none repeat scroll 0 0; margin: -13px -39px -13px -18px;}
.callactionbutton { float: left; margin: 15px 0; width: 100%;}
.content .toparea {margin-top: -80px;}
.toparea {margin-top: -144px;}
.banner::after{background-color: rgba(0, 0, 0, 0.5);}
.latestitems {text-align: left;}

.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact{padding-top: 40px;}



}