sync
[bootswatch] / Eshopper / css / responsive.css
diff --git a/Eshopper/css/responsive.css b/Eshopper/css/responsive.css
new file mode 100755 (executable)
index 0000000..ef383ec
--- /dev/null
@@ -0,0 +1,527 @@
+/* lg */ 
+@media (min-width: 1200px) {
+
+}
+
+/* md */
+@media (min-width: 992px) and (max-width: 1199px) {
+.usa{
+       margin-right: 0;
+} 
+
+.shipping img{
+       width: 100%;
+}
+
+.searchform input{
+       width: 160px;
+}
+
+.product-information span span{
+       width: 100%;
+}
+
+#similar-product .carousel-inner .item img{
+       width: 65px;
+}
+
+#cart_items .cart_info .cart_description h4, 
+#cart_items .cart_info .cart_description p{
+       text-align: center;
+} 
+
+}
+
+
+/* sm */
+@media (min-width: 768px) and (max-width: 991px) {
+   
+.shop-menu ul li a{
+       padding-left: 0;
+}
+
+#slider-carousel .item{
+       padding-left: 30px;
+}
+
+.item h2{
+       font-size: 24px;
+}
+
+.girl{
+       margin-left: 0;
+}
+
+.pricing{
+       width: 100px;
+}
+
+
+.shipping img{
+       width: 100%;
+}
+
+.slider.slider-horizontal{
+       width: 100% !important;
+}
+
+.tab-pane .col-sm-3, .features_items .col-sm-4{
+       width: 50%;
+}
+
+.footer-widget .col-sm-2{
+       width: 33%;
+       display: inline-block;
+       margin-bottom: 50px;
+}
+
+.footer-widget .col-sm-3{
+       display: inline-block;
+       width: 40%;
+}
+
+#similar-product .carousel-inner .item img{
+       width: 60px;
+       margin-left: 0;
+}
+
+.product-information span span{
+       display: block;
+       width: 100%;
+}
+
+.product-information .cart{
+       margin-left: 0;
+       margin-top: 15px;
+}
+
+.item-control i{
+       font-size: 12px;
+       padding: 5px 6px;
+}
+
+#cart_items .cart_info .cart_description h4, #cart_items .cart_info .cart_description p{
+       text-align: center;
+}
+
+.companyinfo h2{
+       font-size: 20px;
+}
+
+.address {
+       margin-top: 48px;
+       margin-left: 20px;
+}
+
+.address p {
+       font-size: 12px;
+       top: 5px;
+}
+
+}
+
+/* xs */
+@media (max-width: 767px) {
+
+.header_top .col-sm-6:first-child{
+       display: inline-block;
+       float: left;
+}
+
+.header_top .col-sm-6:last-child{
+       display: inline-block;
+       float: right;
+}
+
+.header-middle .col-sm-4 {
+       display: inline-block;
+       overflow: inherit;
+       width: 100%;
+}
+
+.social-icons ul li a i {
+       padding: 8px 10px;
+}
+
+.shop-menu.pull-right{
+       float: none !important;
+}
+
+.shop-menu .nav.navbar-nav{
+       margin-left: -30px;
+}
+
+.header-bottom .col-sm-9{
+       display: inline-block;
+       width: 100%;
+}
+
+.mainmenu{
+       width: 100%;
+}
+
+.mainmenu ul li{
+       background: rgba(0, 0, 0, 0.5);
+    padding-top: 15px;
+       padding-bottom: 0;
+}
+
+.mainmenu ul li:last-child{
+       padding-bottom: 15px;
+}
+
+.mainmenu ul li  a{
+       color: #fff;
+}
+
+.navbar-collapse.in{
+       overflow: inherit;
+}
+
+.mainmenu ul li a.active{
+       padding-left: 15px;
+}
+
+.dropdown .fa-angle-down{
+       display: none;
+}
+
+ul.sub-menu{
+  position: relative;
+  width: auto;
+  display: block;
+  background: transparent;
+  box-shadow: none;
+  top: 0;
+}
+
+.sub-menu li{
+       background: transparent;
+}
+
+.mainmenu .navbar-nav li ul.sub-menu li{
+       background: transparent;
+       padding-bottom:0;
+}
+
+.nav.navbar-nav > li:hover > ul.sub-menu{
+  -webkit-animation: none;
+  -moz-animation: none;
+  -ms-animation: none;
+  -o-animation: none;
+  animation: none;
+  box-shadow: none;
+}
+
+.header-bottom{
+       position: relative;
+}
+
+.header-bottom .col-sm-3 {
+       display: inline-block;
+       position: absolute;
+       left: 0;
+       top: 38px;
+}
+
+#slider-carousel .item{
+       padding-left: 0;
+}
+
+.shipping{
+       margin-bottom: 25px;
+}
+
+.pricing{
+       width: 100px;
+}
+
+.footer-top .col-sm-7 .col-sm-3{
+       width: 50%;
+       float: left;
+}
+
+.footer-widget .col-sm-2 {
+       width: 28%;
+       display: flex;
+       margin-bottom: 50px;
+       margin-top: 0;
+       float: left;
+       margin-left: 30px;
+}
+
+.companyinfo{
+       text-align: center;
+}
+
+.footer-widget .col-sm-3{
+       display: inline-block;
+}
+
+.single-widget{
+
+}
+
+.product-information span {
+       display: block;
+}
+
+#similar-product {
+       margin-bottom: 40px;
+}
+
+.well{
+       display: inline-block;
+}
+
+}
+
+/* XS Portrait */
+@media (max-width: 480px) {
+
+.contactinfo{
+       text-align: center;
+}
+
+.contactinfo ul li a {
+       padding-right: 15px;
+       padding-left: 0;
+}
+
+.social-icons.pull-right{
+       float: none !important;
+       text-align: center;
+}
+
+.btn-group.pull-right, 
+.footer-bottom .pull-left, 
+.footer-bottom .pull-right, 
+.mainmenu.pull-left,
+.media.commnets .pull-left,
+.media-list .pull-left{
+       float: none !important;
+}
+
+.header_top .col-sm-6:first-child{
+       display: block;
+       float: none;
+}
+
+.header_top .col-sm-6:last-child{
+       display: block;
+       float: none;
+}
+
+.contactinfo .nav.nav-pills, .social-icons .nav.navbar-nav{
+       display: inline-block;
+}
+
+.logo{
+       text-align: center;
+       width: 100%;
+}
+
+.shop-menu ul li {
+       padding: 0;
+}
+
+.header-middle .col-sm-4{
+       text-align: center;
+       overflow: inherit;
+}
+
+.shop-menu .nav.navbar-nav {
+       margin-left: 0;
+}
+
+.btn-group>.btn-group:last-child>.btn:first-child{
+       margin-right: 0;
+}
+
+.header-bottom .col-sm-9{
+       display: inline-block;
+       width: 100%;
+}
+
+.mainmenu{
+       width: 100%;
+}
+
+.mainmenu ul li{
+       background: rgba(0, 0, 0, 0.5);
+    padding-top: 15px;
+       padding-bottom: 0;
+}
+
+.mainmenu ul li:last-child{
+       padding-bottom: 15px;
+}
+
+.mainmenu ul li a {
+       color: #FFF;
+       padding-bottom: 0;
+}
+
+.navbar-collapse.in{
+       overflow: inherit;
+}
+
+.mainmenu ul li a.active{
+       padding-left: 15px;
+}
+
+.dropdown .fa-angle-down{
+       display: none;
+}
+
+ul.sub-menu{
+  position: relative;
+  width: auto;
+  display: block;
+  background: transparent;
+  box-shadow: none;
+  top: 0;
+}
+
+
+.mainmenu .navbar-nav li ul.sub-menu li{
+       background: transparent;
+       padding-bottom:0;
+}
+
+.nav.navbar-nav > li:hover > ul.sub-menu{
+  -webkit-animation: none;
+  -moz-animation: none;
+  -ms-animation: none;
+  -o-animation: none;
+  animation: none;
+  box-shadow: none;
+}
+
+
+.item{
+       padding-left: 0;
+}
+
+.item h1{
+       font-size: 30px;
+       margin-top: 0;
+}
+
+.item h2{
+       font-size: 20px;
+}
+
+.pricing{
+       width: 70px;
+}
+
+.category-tab ul li a{
+       font-size: 12px;
+}
+
+.companyinfo h2, .companyinfo p{
+       text-align: center;
+}
+
+.video-gallery{
+       margin-top: 30px;
+}
+
+.footer-bottom p{
+       font-size: 13px;
+       text-align: center;
+}
+
+.footer-widget .col-sm-2 {
+       width: 50%;
+       display: flex;
+       margin-bottom: 50px;
+       margin-top: 0;
+       float: left;
+       padding-right: 0;
+       padding-left: 30px;
+       margin-left: 0;
+}
+
+.single-widget {
+       padding-left: 0;
+}
+
+.features_items{
+       margin-top: 30px;
+}
+
+.category-tab .nav-tabs li{
+       float: none;
+}
+
+#similar-product .carousel-inner .item img{
+       margin-left: 4px;
+}
+
+.product-information{
+       margin-top: 40px;
+}
+
+#reviews p, .blog-post-area .single-blog-post p{
+       text-align: justify;
+}
+
+#reviews form span input{
+       width: 100%;
+       margin-bottom: 20px;
+}
+
+#reviews form span input:last-child{
+       margin-left: 0;
+}
+
+.blog-post-area .single-blog-post h3{
+       font-size: 14px;
+}
+
+.blog-post-area .post-meta ul li{
+       margin-right: 7px;
+}
+
+.shipping{
+       margin-bottom: 20px;
+}
+
+.commnets{
+       padding: 0;
+}
+
+.content-404 h1{
+       font-size: 30px;
+}
+
+.content-404 h2 a{
+       font-size: 20px;
+}
+
+.order-message{
+       display: inline-block;
+}
+
+.response-area .media img{
+       width: auto;
+}
+
+.sinlge-post-meta li{
+       margin-bottom: 10px;
+}
+
+.product-information{
+       padding-left: 0;
+       text-align: center;
+}
+
+.product-information span span{
+       float: none;
+}
+
+}
\ No newline at end of file