Files
op_website/assets/css/responsive.css
T
2018-07-05 21:59:10 -07:00

181 lines
2.9 KiB
CSS

/*
Author: Bootstrapthemes
Author URI: http://www.bootstrapthemes.co
*/
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
body {
font-size: 1rem;
}
.header .navbar-form {
margin-right: 20px;
}
}
/* Portrait tablets and small desktops */
@media (max-width: 991px) {
html {
font-size: 90%;
}
h3 {
font-size: 1.575rem;
line-height: 2rem;
font-family: 'open_sanslight';
margin-bottom: 15px;
}
h5 {
font-size: 1.1rem;
margin-bottom: .5rem;
color: #696f7c;
font-family: 'open_sanslight';
line-height: 1.475rem;
}
.header .navbar-form {
margin-right: 20px;
}
.single_new_top_one p {
font-size: 0.875rem;
color: #44484f;
line-height: 1.2775rem;
}
.new_two_area .singel_two_left_vedio {
max-width: 100%;
margin-left:0;
}
.new_two_area .single_two_right_content p {
font-size: 1.5rem;
line-height: 2.3rem;
width: 80%;
}
.news_three_area .single_new_three_left {
max-width: 100%;
margin-left:0;
padding: 30px 10px 0px 30px;
}
.single_news_four p {
color: #fff;
font-size: 1.5rem;
line-height: 2.5rem;
font-family: 'open_sanslight_italic';
margin-bottom: 20px;
max-width: 90%;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
html {
font-size: 80%;
}
.single_widget_right .navbar-form {
padding: 0px 15px;
}
.single_widget_right .submit_btn span {
line-height: 50px;
}
.top_new_one_left{
max-width:100%;
float: none;
}
.single_new_top_one {
padding: 30px 15px 40px 20px;
max-width: 90%;
margin-left: 10%;
min-height: inherit;
}
.top_news_right_img img {
height: inherit;
}
.about {
background: #835fa8;
height: auto;
text-align: center;
}
.main_feature_area{
text-align: center;
}
.sections {
padding-top: 30px;
}
.single_feature {
margin-top: 40px;
}
.single_portfolio a {
left: 36%;
top: 20%;
}
.main_feature_area:before {
left: 40%;
}
}
/* Landscape phones and smaller */
@media (max-width: 479px) {
html {
font-size: 65%;
}
.single_widget_right .submit_btn span {
line-height: 54px;
}
.single_portfolio a {
left: 20%;
top: 0%;
}
.main_feature_area:before {
left: 40%;
}
}
@media (max-width: 320px) {
html {
font-size: 60.5%;
}
.single_portfolio a {
left: 15%;
top: 0%;
}
.single_portfolio a.btn {
margin-top: 12px;
}
.main_feature_area:before {
left: 30%;
}
}