/
home
/
mantaraham
/
public_html
/
links
/
css
/
File Upload :
llllll
Current File: /home/mantaraham/public_html/links/css/responsive.css
/* www.bime.com / Design & Develop by Spiral Design Center / www.spiraldesign.org */ /*--------------------------------- 1199px ---------------------------------*/ @media screen and (max-width: 1199px){ .left-header > li.login { left: 90px; } } /*--------------------------------- 991px ---------------------------------*/ @media screen and (max-width : 991px) { .navbar-nav { float:none; display: table; margin: 0 auto; } .submit-agency { position: absolute; left: 0; top: 0px; } .left-header { float:none; display: table; width: 100%; } .left-header .navbar-collapse { float:none; margin: 0 auto; /* display: table !important; */ } .feaures { margin-bottom: 0; height: 200px; } .intro .container .row .feaures:nth-child(3), .intro .container .row .feaures:nth-child(4) { margin-bottom: 0; } .cal-title { padding: 10px; } .cal-title p { margin-bottom: 0; } .triangle-left { left: 50%; bottom: -17px; margin-left: -10px; border-color: #07B6AC transparent transparent transparent; top: auto; z-index: 2; border-width: 10px; } .agency-hover .textm { width: 60%; } .agency-hover .text { width: 60%; } .footer { background:#313131; } .footer-list { padding: 0; } .footer-list li { padding: 0; } .footer-list li span i { padding-right: 0; } .footer-about { padding-left: 0; } #map { margin-top: 20px; } } /*--------------------------------- 767px ---------------------------------*/ @media screen and (max-width : 767px) { .navbar-header { float:none; } .left-header .navbar-collapse { /* display:none !important; */ } .submit-agency { left: 60px; } .navbar-toggle { margin-top: 4px; margin-bottom: 0; border-radius:0; margin-left: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #25a69b; } .navbar-collapse { position: absolute; right: 0; width: 100%; z-index: 9999; background: #eee; margin-top: 10px !important; } .agency-row.thead { display: none; } .title-show { display:inline-block; margin-left: 10px; } .agency-row div { float:none; display: inline-block; vertical-align:middle; padding: 5px; } .agency-row .name { width: 50%; } .agency-row .discount1 { width: 50%; } .agency-row .discount2 { width: 20%; } .agency-row .location { width: 30%; } .agency-row .offer { width: 50%; } .agency-row .req { display: none; } .agency-row .discount1 .percent { display:inline-block; } .agency-row .req a { width: 100px; float: left; margin-left: 10px; display: table; } .agency-row { text-align:right; } .agency-hover { height: 100%; position: static; margin-top: -10px; margin-bottom: 10px; } .agency-hover .text { width: 100%; } .agency-hover .text p { margin-bottom: 0; } .unumber { width: 300px; margin: 0 auto; } .agency-table, .reminder { margin-top: 20px; } .reminder { padding: 20px 0 10px 0; } .last-article { margin-top: 30px; } .footer { padding: 20px; } .navbar-nav { margin: 7.5px -15px; } .inside .main-content { margin-top: 10px; } .full-agency .head { margin-bottom: 10px; } .about { margin-top: 30px; } .full-agency .head .name { font-size:18px; } } /*--------------------------------- 700px ---------------------------------*/ @media screen and (max-width : 700px) { .select-group { width: 50%; } .cal-div a { width: 100%; } .cal-div { padding-bottom: 20px; } } /*--------------------------------- 600px ---------------------------------*/ @media screen and (max-width : 600px) { .agency-row .name { width: 100%; } .agency-row .discount1 { width: 50%; } .agency-row .discount2 { width: 50%; } .agency-row .location { width: 50%; } .agency-row .offer { width: 100%; } } /*--------------------------------- 500px ---------------------------------*/ @media screen and (max-width : 500px) { .xs-500 { float:none; width: 100%; } .logo .text { font-size:18px; } .article-div { padding: 0 15px 10px; } .article-div img { margin: 0 auto; display: table; float:none; } .article-div p { min-height: auto; } .article-div a { display: table; margin: 0 auto; } .main-title h3 { font-size:18px; } .reminder .main-title { margin-bottom: 30px; } .editor-area p { font-size:14px; } .head .btn-red { width: 100%; } } /*--------------------------------- 400px ---------------------------------*/ @media screen and (max-width : 400px) { .xs-400 { float:none; width: 100%; } .submit-agency { position: static; display: block; width: 100%; text-align: center; margin-bottom: 8px; } .select-group { width: 100%; } .agency-row .discount1 { width: 100%; } .agency-row .location { width: 100%; } .unumber a { padding: 0 15px; } .unumber { width: 260px; } }
Copyright ©2k19 -
Hexid
|
Tex7ure