box1/* CSS Document */ body{ margin:0px; padding:0px;} .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:20%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:88%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:65%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:58%; } .paragrf { width:85%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:18%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right:5px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px;} .innerbredcrum{ width:30%; margin:0px auto;} .home{ float:left;} .aro{ float:left; margin-left:12px; margin-right:12px;} @media screen and (max-width: 1280px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:20%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:85%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:68%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:58%; } .paragrf { width:85%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:18%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px;} .innerbredcrum{ width:30%; margin:0px auto;} .home{ float:left;} .aro{ float:left; margin-left:12px; margin-right:12px;} } @media screen and (max-width: 980px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:32%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:85%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:68%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:58%; } .paragrf { width:85%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:30%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px;} .innerbredcrum{ width:30%; margin:0px auto;} .home{ float:left;} .aro{ float:left; margin-left:12px; margin-right:12px;} } @media screen and (max-width: 800px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:32%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:100%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:68%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:58%; } .paragrf { width:75%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:30%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px;} .innerbredcrum{ width:30%; margin:0px auto;} .home{ float:left;} .aro{ float:left; margin-left:12px; margin-right:12px;} } @media screen and (max-width: 768px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:32%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:100%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:68%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:58%; } .paragrf { width:75%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:30%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px;} .innerbredcrum{ width:30%; margin:0px auto;} .home{ float:left;} .aro{ float:left; margin-left:12px; margin-right:12px;} } @media screen and (max-width: 360px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:68%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:100%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:100%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:100%; } .paragrf { width:100%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:88%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:90%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px; margin-left:5px;} .innerbredcrum{ width:100%; margin:0px auto;} .home{ float:left; width:20%;} .aro{ float:left; margin-right:20px;} } @media screen and (max-width: 320px) { .serchheading { margin:0px 0px; font-family: 'Open Sans'; font-size: 32px; font-weight: normal; width:75%; } .search{ font-family: Tahoma,Geneva,sans-serif; width:100%;} #heading3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-weight: normal; width:100%; } .heading4 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; width:100%; } .paragrf { width:100%; margin: 0 0 10px; font-family: Tahoma,Geneva,sans-serif; } a { color: #DE4A4A; text-decoration: none; } .newreleases{ float:left; width:100%;} .list{ float:left; width:88%; border:1px solid #CCCCCC; list-style:none; margin-left:20px; margin-top:20px;} .box1{ float:left; width:45%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; background:#f8f8f8;} .box2{ float:left; width:55%; padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px; color:#a3c7e5; border-left:1px solid #CCCCCC;} .bredcrum{ float:left; width:90%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:25px; margin-left:5px;} .innerbredcrum{ width:100%; margin:0px auto;} .home{ float:left; width:20%;} .aro{ float:left; margin-right:20px;} }