F3RGUSO WEBSHELL 403

Edit file

File name : responsive.css

Content :

/*
 * Title:   The Brick Architechture & Construction - HTML Template
 * Author:  QTC Media
 */
@media (max-width: 1600px) {
     #hidden-colum-row-2{
        display: none;
    }
    .coming-soon .box .count-down {
        margin-bottom: 30px; }

.coming-soon .box h5 {
        padding-bottom: 50px; }

.coming-soon .box > p {
        padding-bottom: 40px; }

.coming-soon {
        padding: 0 15px;
        align-items: center; } }
@media (max-width: 1360px) {
    .coming-soon {
        height: auto;
        padding: 75px 15px; } }
@media (max-width: 1219px) {
     #hidden-colum-row-2{
        display: none;
    }
    .maintenance {
        padding: 0 100px 50px 100px; }

.portfolio-detail .portfolio-detail-content .box-detail-content {
        padding: 30px 20px; }

.brick-sidebar .sidebar-services .brick-flex-box {
        float: none !important;
        margin-left: auto;
        margin-right: auto; }

.brick-sidebar .sidebar-recent-project ul {
        padding: 20px; }

.brick-sidebar .sidebar-recent-project h3 {
        padding: 0 20px; }

.brick-sidebar .sidebar-about-brick {
        padding: 20px; }

.clients-say-v2 .clients-say-slick-v2 li .box .box-content p {
        padding: 0; }

.our-skills .box {
        padding-right: 25px; }

.we-change-the-world .brick-flex-box .box .box-button {
        margin-top: 0; }
    .we-change-the-world .brick-flex-box .box .box-button a {
        float: none;
        margin-right: 0; }
    .we-change-the-world .brick-flex-box .box .box-button a:first-child {
        margin-bottom: 15px; }

.we-change-the-world .brick-flex-box {
        padding: 0 15px; }

.recent-projects.set-padding {
        padding-top: 105px; }

.see-our-work .box .box-title h3 {
        padding-bottom: 11px; }

.see-our-work .videos {
        margin-bottom: 0; }

.see-our-work.set-padding {
        padding-bottom: 105px; }

.slider-home-three .banner-caption-form .box {
        padding: 25px 50px; }

.footer-v2 .footer .box .box-content .box-content-p p {
        padding: 0 100px 25px 100px; }

.we-make-beauty .box .brick-button {
        margin-right: 0; }

.testimonial ul li .box h3 {
        padding: 0 0 19px 0; }

.we-are-brick .box .box-content {
        padding-right: 0; }

.header-v2 .header .search a.cart-icon, .header-v3 .header .search a.cart-icon, .header-v5 .header .search a.cart-icon {
        padding-right: 15px; }
    .header-v2 .header .search a.search-icon, .header-v3 .header .search a.search-icon, .header-v5 .header .search a.search-icon {
        padding-left: 15px; } }
@media (max-width: 1140px) {
    .how-we-work .box-step:before, .how-we-work .box-step:after {
        display: none; }

.how-we-work .box-step {
        padding: 58px 15px; } }
@media (max-width: 991px) {
    #hidden-colum-row-2{
        display: none;
    }
    .coming-soon {
        padding: 50px 15px; }

.coming-soon .box h5 {
        padding: 0 0 30px 0; }

.maintenance .box ul.social li {
        padding: 0 5px; }
    .maintenance .box ul.social li a {
        padding: 0 5px; }

.maintenance {
        align-items: center; }
    .maintenance .box {
        width: 100%;
        text-align: center; }
    .maintenance .box a img {
        margin: 0 auto 40px auto; }
    .maintenance .box ul.social {
        margin-bottom: 55px; }

.our-team.set-padding {
        padding-bottom: 15px; }

.product-detail .box-detail .box-detail-content .box-qty {
        margin-bottom: 30px; }

.contact .box-get-in-touch {
        padding: 30px; }

.contact .main-office p {
        padding-right: 0; }

.portfolio-detail-content .set-width-10-10 {
        width: 100%;
        left: auto;
        right: auto; }

.portfolio-v1.set-padding, .portfolio-v2.set-padding {
        padding-bottom: 50px; }

.brick-banner .title ul li {
        padding: 0 13px; }
    .brick-banner .title ul li:before {
        right: -3px; }

.brick-banner .title {
        text-align: center; }

.brick-banner {
        padding: 50px 0; }

.who-we-are .box {
        padding-left: 0; }

.our-project-v2 .box .brick-flex-box .box-content h3 {
        font-size: 25px; }

.we-change-the-world .brick-flex-box .box .box-button {
        margin-top: 30px; }

.we-change-the-world .brick-flex-box {
        padding-top: 50px;
        padding-bottom: 50px; }

.we-change-the-world .set-width-10-10 {
        width: 100%;
        left: auto;
        right: auto; }

.header-v4 .header .search {
        display: block; }

.recent-projects.set-padding {
        padding-top: 50px; }

.see-our-work.set-padding {
        padding-bottom: 50px; }

.slider-home-three .banner-caption-form .box {
        padding: 25px !important; }

.the-brick .the-brick-content {
        margin: 0 15px; }
    .the-brick .the-brick-content .brick-flex-box {
        align-items: center;
        justify-content: center; }
    .the-brick .the-brick-content .brick-flex-box .box-content {
        text-align: center;
        padding: 0; }
    .the-brick .the-brick-content .brick-flex-box .box-content h1 {
        font-size: 70px;
        line-height: 70px; }
    .the-brick .the-brick-content .brick-flex-box .box-content h3, .the-brick .the-brick-content .brick-flex-box .box-content h5 {
        font-size: 25px;
        line-height: 30px; }

.header-v2 .header .search .toggle-icon a, .header-v3 .header .search .toggle-icon a, .header-v5 .header .search .toggle-icon a {
        padding-left: 15px;
        border-left: 1px solid #c5cccc; }

.header-v2 .header .search a.search-icon, .header-v3 .header .search a.search-icon, header-v5 .header .search a.search-icon {
        padding-right: 15px; }

.header-v2 .header .logo, .header-v3 .header .logo, .header-v5 .header .logo {
        height: 60px; }
    .header-v2 .header .search, .header-v3 .header .search, .header-v5 .header .search {
        height: 60px;
        line-height: 60px; }
    .header-v2 .header .brick-button, .header-v3 .header .brick-button, .header-v5 .header .brick-button {
        height: 60px;
        line-height: 60px; }
    .header-v2 .header .menu-primary ul.main-menu li a, .header-v3 .header .menu-primary ul.main-menu li a, .header-v5 .header .menu-primary ul.main-menu li a {
        line-height: 60px;
        height: 60px; }

.build-the-dreams .set-width-10-10 {
        width: 100%; }

/*    .set-padding {
            padding: 50px 0; }*/

.slider-home-one .banner-caption-p {
        text-align: center; }

.header-v1 .header .search a, .header-v4 .header .search a {
        padding: 0 15px;
        display: inline;
        border-right: 1px solid #c5cccc; }
    .header-v1 .header .search a.cart, .header-v4 .header .search a.cart {
        display: inline; }

.toggle-icon {
        display: inline-block; }

.menu-primary {
        display: none !important; }

.hidden-mobile {
        display: none; } }
@media (max-width: 767px) {
    .we-are-brick .videos .box-img {
        margin-top: 50px; }

.coming-soon .box .count-down li {
        display: block;
        padding: 10px 0; }
    .coming-soon .box .count-down li span.dot {
        display: none; }

.maintenance {
        padding: 50px 15px;
        height: auto; }

.product-detail .box-review .uk-switcher {
        padding: 25px 10px; }

.product-detail .box-detail .box-detail-content {
        width: 100%;
        padding-left: 0; }

.product-detail .box-detail .box-product-detail {
        width: 100%;
        margin-bottom: 45px; }

.brick-sidebar .sidebar-search {
        margin-top: 50px; }

.blog-detail .leave-comment {
        margin-bottom: 50px; }

.brick-pagination ul li {
        margin-bottom: 10px; }

.blog-v1 .brick-pagination {
        margin-bottom: 40px !important; }

.contact .box-get-in-touch {
        margin-bottom: 50px;
        margin-top: 50px;
        padding: 20px; }

.portfolio-detail .portfolio-detail-content {
        margin-top: 35px; }

.brick-sidebar .sidebar-services .brick-flex-box {
        display: inline-flex;
        margin: 0 15px 30px 15px; }

.brick-sidebar .sidebar-services {
        text-align: center; }

.who-we-are .box-img {
        margin-bottom: 30px; }

.about-the-brick .box .box-content.top-center {
        margin-left: 0; }

.about-the-brick .box .box-content {
        position: static;
        margin-top: 30px; }

.about-the-brick .box .box-img {
        display: block;
        padding-top: 30px;
        flex: 1 1 0px;
        -ms-flex: 1 1 0px; }

.about-the-brick .title p {
        padding: 0; }

.about-the-brick.set-padding {
        padding-bottom: 50px; }

.build-your-dreams .box-img img {
        margin: 0 auto; }

.build-your-dreams .box-img {
        padding: 35px 0; }

.info {
        margin-top: 0;
        padding: 30px 0; }
    .info .box {
        display: block; }
    .info .box .brick-flex-box {
        width: 100%;
        margin: 20px 0;
        float: none;
        display: block;
        text-align: center; }
    .info .box .brick-flex-box .box-icon span {
        padding-right: 0; }

.shap-border {
        display: none; }

.awesome-video {
        padding: 75px 0; }

.how-we-work .box-step .brick-flex-box .box-content h3, .step .box-step .brick-flex-box .box-content h3 {
        font-size: 22px; }

.how-we-work .box-step .brick-flex-box .box-number h3, .step .box-step .brick-flex-box .box-number h3 {
        min-width: 70px;
        font-size: 45px;
        line-height: 40px;
        padding-right: 10px; }

.how-we-work .box-step .brick-flex-box, .step .box-step .brick-flex-box {
        margin: 15px 0; }

.how-we-work .box-step {
        margin-bottom: 50px;
        padding: 40px 15px; }

.header-v5 .top-bar {
        display: none; }

.header-v3 {
        position: static; }
    .header-v3 .header {
        background: #ffffff; }

.see-our-work .box {
        padding-left: 0;
        margin-top: 30px; }

.slider-home-three .banner-caption-form .box form input, .slider-home-three .banner-caption-form .box form textarea {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-bottom: 15px !important;
        padding: 5px 15px !important; }

.slider-home-three .banner-caption-form .box .box-title h3 {
        padding-bottom: 20px !important;
        font-size: 16px !important;
        line-height: 20px !important; }

.slider-home-three .banner-caption-form .box form .brick-button h3 {
        font-size: 11px !important;
        line-height: 30px !important;
        padding: 0 10px !important; }

.slider-home-three .banner-caption-form .box form input {
        height: 30px; }

.slider-home-three .banner-caption-form .box form textarea {
        height: 50px; }

.slider-home-three .banner-caption-form .box .box-text {
        display: none; }

.we-make-beauty .box .brick-button {
        float: none;
        margin-top: 20px; }

.we-make-beauty .box .box-text {
        float: none; }

.we-make-beauty .box {
        text-align: center; }

.the-brick .count-to-number .box, .countto-number .count-to-number .box {
        margin-bottom: 10px; }

.we-are-brick .brick-videos {
        margin-top: 30px; }

.footer-v1 .footer, .footer-v3 .footer {
        padding: 50px 0 30px 0; }
    .footer-v1 .footer .box, .footer-v3 .footer .box {
        margin-bottom: 20px; }

.latest-news .box {
        margin-bottom: 30px; }

.clients-say ul li .box {
        background: #f8f8f8;
        text-align: center;
        padding: 50px 15px; }
    .clients-say ul li .box .box-img {
        position: static;
        display: inline-block;
        margin-bottom: 15px; }
    .clients-say ul li .box .box-content {
        padding: 0; }

.our-works .our-works-slick .our-works-slick-menu ul li {
        margin-bottom: 5px;
        padding: 0 10px; }

.our-works .our-works-slick-img ul li .box .brick-flex-box {
        align-items: center; }
    .our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay {
        padding-bottom: 0; }
    .our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay .box-text-overlay-h3 h3 {
        font-size: 22px; }
    .our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay .box-text-overlay-p p {
        padding: 0; }

.build-the-dreams .brick-flex-box .box-padding .box {
        padding: 30px 15px; }

.brick-title .brick-title-h3 h3 {
        font-size: 36px; }

.our-services .box {
        margin-bottom: 30px; } }
@media (max-width: 479px) {
    .maintenance .box h5 {
        letter-spacing: 2px; }

.maintenance .box h3 {
        font-size: 33px;
        line-height: 35px; }

.product-detail .box-review .uk-switcher .poduct-reviews li .review h6 span {
        display: block; }
    .product-detail .box-review .uk-switcher .poduct-reviews li .review h6 span.fa {
        display: inline-block; }
    .product-detail .box-review .uk-switcher .poduct-reviews li .review h6 i {
        display: none; }

.product-detail .box-review .uk-subnav li a {
        padding: 0 10px;
        font-size: 12px; }

.product-detail .box-detail .box-product-detail li .box-thumbanil img {
        width: 80%; }

.product-detail .box-detail .box-product-detail li .box-img, .product-detail .box-detail .box-product-detail li .box-thumbanil {
        margin: 0 5px; }

/*    .product-detail .box-detail .box-product-detail .slick-big-images li .box-img {
            height: 200px; }*/

.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-reply {
        float: none; }

.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author {
        float: none; }

.blog-detail .box .tags-share ul li a span {
        padding-right: 5px; }

.blog-detail .comments ul.uk-comment-list .uk-comment + ul {
        padding-left: 80px; }

.blog-detail .comments ul.uk-comment-list li .comment .comment-content p {
        margin-top: 8px; }

.blog-detail .comments ul.uk-comment-list li .comment .comment-content {
        margin-left: 80px; }

.blog-detail .comments ul.uk-comment-list li .comment .comment-img {
        width: 60px;
        height: 60px; }

.blog-detail .box .tags-share .tags, .blog-detail .box .tags-share .share {
        float: none; }

.blog-v1 .box .box-content {
        padding: 23px 15px 32px 15px; }

.our-skills .box-img {
        margin-top: 30px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p {
        font-size: 13px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
        font-size: 17px;
        padding-bottom: 5px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-icon span {
        width: 60px;
        height: 60px;
        font-size: 25px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-icon {
        padding-right: 20px; }

.build-your-dreams .brick-flex-box .box-padding .box {
        padding: 20px 0; }

.slider-home-three .banner-caption-form .box .box-title h3 {
        font-size: 16px !important;
        line-height: 20px !important; }

.slider-home-three .banner-caption-form .box form .brick-button h3 {
        font-size: 11px !important; }

.slider-home-three .banner-caption-form .box form input, .slider-home-three .banner-caption-form .box form textarea {
        font-size: 13px !important;
        line-height: 20px !important; }

.slider-home-three .banner-caption-form {
        width: 200px; }

.footer-v2 .footer .box .box-content .box-content-p p {
        padding: 0 15px 25px 15px; }

.the-brick .the-brick-content .brick-flex-box .box-content h1 {
        font-size: 30px;
        line-height: 30px; }
    .the-brick .the-brick-content .brick-flex-box .box-content h3, .the-brick .the-brick-content .brick-flex-box .box-content h5 {
        font-size: 15px;
        line-height: 20px; }

.get-free-quote .get-quote-form form .uk-form-icon {
        width: 100%; }

.get-free-quote .title-h3 h3 {
        margin-bottom: 30px;
        font-size: 30px; }

.build-the-dreams .brick-flex-box .box-padding .box .box-icon {
        min-width: 65px;
        padding-right: 20px; } }
@media (max-width: 320px) {
    .toggle-icon a {
        padding-right: 0 !important; }

.header-v1 .header .search a, .header-v2 .header .search a, .header-v3 .header .search a, .header-v5 .header .search a {
        padding-right: 10px;
        padding-left: 10px; }
    .header-v1 .header .search a.cart-icon, .header-v2 .header .search a.cart-icon, .header-v3 .header .search a.cart-icon, .header-v5 .header .search a.cart-icon {
        padding-right: 10px;
        padding-left: 10px; }
    .header-v1 .header .search a.search-icon, .header-v2 .header .search a.search-icon, .header-v3 .header .search a.search-icon, .header-v5 .header .search a.search-icon {
        padding-right: 10px;
        padding-left: 10px; }

.mobile-logo a img, .header-v2 .header .logo a img, .header-v3 .header .logo a img, .header-v5 .header .logo a img {
        width: 85%; } }
@media (min-width: 992px) {
    .mobile-menu, .mobile-logo {
        display: none !important; } }
@media (min-width: 1220px) and (max-width: 1400px) {
    .build-the-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
        padding-bottom: 50px; }

.build-the-dreams .brick-flex-box .box-padding .box {
        padding: 20px 15px 20px 45px; } }
@media (min-width: 1220px) and (max-width: 1350px) {
    .how-we-work .box-step:before, .how-we-work .box-step:after {
        display: none; }

.how-we-work .box-step {
        padding: 58px 15px; } }
@media (min-width: 992px) and (max-width: 1219px) {
    .build-the-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p {
        font-size: 13px; }

.build-the-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
        font-size: 20px;
        padding-bottom: 5px; }

.build-the-dreams .brick-flex-box .box-padding .box {
        padding: 10px 15px; }

.our-services .box .box-title-h3 a h3 {
        font-size: 16px; }

.header-v1 .top-bar .set-width-3-10 {
        width: 30%; }
    .header-v1 .top-bar .set-width-7-10 {
        width: 70%; } }
@media (min-width: 768px) and (max-width: 991px) {
    .faq .faq-content .holder-our-faq .title a {
        font-size: 17px; }

.product-detail .box-detail .box-detail-content {
        width: 45%;
        padding-left: 25px; }

.product-detail .box-detail .box-product-detail {
        width: 55%; }

.brick-sidebar .sidebar-latest-product > ul {
        padding: 30px 15px 5px 15px; }

.brick-sidebar .sidebar-latest-product h3 {
        padding: 0 15px;
        font-size: 19px; }

.brick-sidebar .sidebar-filter {
        padding: 15px; }

.brick-sidebar .sidebar-search form input {
        padding-left: 15px !important; }

.brick-sidebar .sidebar-latest-product > ul > li .brick-flex-box .box-img {
        margin-right: 0;
        margin-bottom: 5px; }

.brick-sidebar .sidebar-latest-product > ul > li .brick-flex-box {
        display: block; }

.blog-v1 .box .box-content {
        padding: 23px 15px 32px 15px; }

.portfolio-detail .portfolio-detail-content .box-detail-content {
        padding: 20px 15px; }

.brick-sidebar .sidebar-recent-project ul {
        padding: 15px; }

.brick-sidebar .sidebar-recent-project h3 {
        padding: 0 15px;
        font-size: 19px; }

.brick-sidebar .sidebar-about-brick {
        padding: 15px; }

.about-the-brick .box .box-content.top-right {
        right: -27%; }

.about-the-brick .box .box-content.top-left {
        left: -27%; }

.about-the-brick .box .box-img img {
        width: 70%; }

.about-the-brick .title p {
        padding: 0 50px; }

.about-the-brick.set-padding {
        padding-bottom: 100px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p {
        font-size: 13px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
        font-size: 17px;
        padding-bottom: 5px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-icon span {
        width: 60px;
        height: 60px;
        font-size: 25px; }

.build-your-dreams .brick-flex-box .box-padding .box .box-icon {
        padding-right: 20px; }

.build-your-dreams .brick-flex-box .box-padding .box {
        padding: 10px 0; }

.info .box .brick-flex-box {
        margin: 0 25px; }

.info {
        margin-top: -186px;
        padding-top: 30px; }

.how-we-work .box-step .brick-flex-box .box-number h3, .step .box-step .brick-flex-box .box-number h3 {
        padding-right: 0;
        padding-bottom: 15px; }

.how-we-work .box-step .brick-flex-box, .step .box-step .brick-flex-box {
        display: block;
        text-align: center; }

.meet-our-team .box .box-team-member h3 {
        font-size: 16px; }

.portfolio .box .brick-flex-box .box-text-overlay h3 {
        font-size: 15px; }

.portfolio .box .brick-flex-box .box-text-overlay {
        padding-left: 15px; }

.our-services .box {
        padding: 25px 15px; }
    .our-services .box .box-title-h3 a h3 {
        font-size: 13px; } }
@media (min-width: 480px) and (max-width: 767px) {
    .our-services-v4 ul li .box .box-content .box-content-title h3 {
        font-size: 23px; }

.slider-home-three .banner-caption-form {
        width: 300px; }

.our-services .box .box-title-h3 a h3 {
        font-size: 16px; } }

@media (min-width: 360px) and (max-width: 740px) {
    #hidden-colum-row{
        display: none;
    }
    .slider-mob{
        margin-top: 25px;
    }
    .welcome-mob{
        text-align: center;
    }
    .product-mob{
        padding-bottom: 50px;
    }
    .view-service-mob{
        text-align: justify;
    }
    .portfolio-mob{
        margin-left: 3px;
        margin-top: -25px;
    }
    .contact-mob{
        margin-top: -40px;
        text-align: justify;
    }
    .portfolio-title{
        padding-bottom: 20px;
    }
    .portfolio-title-margin{
        margin-right: 31px;
    }
    .slider-text{
        display: none !important;

}
    .footer-icon{
        text-align: center;
    }
    .view-product{
        margin-bottom: 20px;
    }
}
@media (min-width: 740px){
    .margin-2{
        margin-top:50px;
    }
    #hidden-colum{
        display: none;
    }
}

/*# sourceMappingURL=responsive.css.map */

F3RGUSO WEBSHELL COUNTER 403

Edit file