/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

/* topbar css */

.roofing-top-menu ul li {
    margin-right: 38px; 
}

/* roofing header */

.roofing-header-section::before {
    width: 26%;
}

.roofing-header-section::after {
    right: 71%;
}

/* roofing menu css */

.roofing-menu ul li a i {
    margin-left: 0px;
}

.roofing-menu ul li {
    margin-right: 15px;
}

.roofing-social-menu ul li {
    margin-left: 5px;
}

.roofing-btn {
    margin-left: 15px;
}

/* about section */

.about-section {
    padding: 110px 0 110px;
}

.about-text {
    left: -28px;
}

.about-shape {
    left: -28px;
    z-index: -1;
}

/* offer section */

.offer-item-thumb {
    margin-left: -20px;
}

/* counter section */

.counter-item-box {
    padding: 23px 5px 5px;
}

/* choose us  */

.section-main-title.offer h2 {
    line-height: 36px;
    font-size: 34px;
}

.choose-us-box {
    padding: 20px 6px 1px;
}

/* call do action css */

.col-do-section::after {
    right: -5%;
}

.call-do-title {
    margin-left: -42px;
}

.col-do-icon {
    margin-left: -30px;
}

/* portfolio section  */

.portfolio-itmes-box {
    margin: 5px;
}

.portfolio-thumb img {
    width: 100%;
}

.portfolio-content {
    left: 0px;
}

.portfolio-itmes-box:hover .portfolio-content {
    bottom: 40px;
}

.portfolio-content-text {
    width: 85%;
}

/* testimonial section */

.testi-itmes-box {
    padding: 50px 22px 26px;
}

/* blog section */

.blog-items-box.two {
    padding: 40px 0px 26px 5px;
}

.blog-bottom-title.two {
    margin-right: 13px;
}

.blog-date {
    display: none;
}

.blog-content {
    padding: 0 10px 0;
}

.blog-meta span {
    padding-right: 30px;
}

.blog-bottom-shape {
    margin-right: 4px;
}

.blog-bottom-title {
    margin-right: 27px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.section-main-title.get h2 {
    margin-bottom: 16px;
}

/* form box */
.form-box select {
    width: 100%;
}

.form-box textarea {
    width: 100%;
}

/* footer section */

.footer-section {
    padding: 109px 0 0px;
}

.footer-thumb {
    margin: -110px 0px -197px;
}

.footer-icon {
    left: 35px;
}

.footer-shape {
    left: 8px;
}

.footer-condition ul li {
    margin-right: 31px;
}


/* home page style two */

.slider-content.style-two h1 {
    font-size: 50px;
    line-height: 60px;
}

/* about style two */

.about-text.style-two {
    top: 0;
}

.about-shape-two {
    display: none;
}

/* service section style two */

.service-section.style-two {
    padding: 0px 0 52px;
}

.service-icon-thumb.style-two {
    right: 40px;
}

/* get qoaute section */

.row.get-quote {
    padding: 60px 50px 60px;
}

.section-main-title.get-quote {
    margin-left: -37px;
}

.get-quote-discription p {
    margin-left: -30px;
}

/* faq section */

.faq-section {
    padding: 95px 0 94px;
}

.faq-thumb {
    margin-top: 100px;
}

/* about inner page css */

.about-section.style-two {
    padding: 110px 0 110px;
}

/* service details inner page */

.service-section.style-four {
    padding: 82px 0 54px;
}

/* project grid inner page */

.portfolio-section.style-two {
    padding: 93px 0 80px;
}

/* project details  inner page css */

.projetct-details-image img {
    width: 100%;
}

.image img {
    width: 100%;
}

/* faq inner page ccc */

.section-main-title.faq h2 {
    font-size: 36px;
}



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

/* stiky nav */

.sticky-nav {
    top: -2px;
}

/* topbar css */

.roofing-topbar-section {
    padding: 14px 0;
}

.roofing-top-menu ul li {
    margin-right: 8px;
}

.roofing-top-menu ul li a {
    font-size: 13px;
}

.roofing-top-menu ul li a i {
    font-size: 13px;
    margin-right: 3px;
}

.roofing-top-menu ul li ::after {
    display: none;
}

.roofing-top-content select#Language {
    font-size: 16px;
}

.roofing-top-social-icon ul li a i {
    font-size: 14px;
}


/* roofing header section */


.roofing-header-section::before {
    width: 26%;
}

.roofing-header-section::after {
    right: 71%;
}

.logo a img {
    width: 90%;
}

/* roofing menu css */


.roofing-menu ul li {
    margin-right: 7px;
}

.roofing-menu ul li a {
    font-size: 16px;
}

.roofing-menu ul li a i {
    margin-left: 0px;
    font-size: 10px;
}

.roofing-social-menu ul li {
    margin-left: 5px;
}

.roofing-social-menu ul li a i {
    font-size: 15px;
}

.roofing-btn {
    margin-left: 10px;
}

.roofing-btn a {
    font-size: 16px;
    padding: 12px 12px;
}


/* slider section */

.slider-content h1 {
    font-size: 65px;
}

/* about section */

.about-section {
    padding: 110px 0 110px;
}

.about-section-main-title h2 {
    font-size: 40px;
}

.about-text {
    left: -20px;
}

.about-shape {
    left: -20px;
    z-index: -1;
}

.about-list ul li i {
    margin-right: 1px;
}

.roofing-btn.about a {
    padding: 16px 13px;
}

/* service section */

.service-main-title {
    margin-left: 42px;
}

.service-main-content {
    bottom: 0px;
    height: 48px;
}

.service-main-title h3 {
    font-size: 16px;
}

.service-icon-thumb {
    height: 40px;
    width: 40px;
    line-height: 36px;
}

.service-text {
    bottom: -239%;
    width: 100%;
    height: 230px;
}

/* offer section */

.offer-item-thumb {
    margin-left: -20px;
}

.offer-item-thumb img {
    width: 100%;
}

.roofing-btn.offer {
    margin-left: -20px;
}

/* counter section */

.counter-item-box {
    padding: 23px 32px 5px;
    text-align: center;
}

.counter-icon {
    display: none;
}

.counter-number h2 {
    font-size: 40px;
}

.counter-number span {
    font-size: 40px;
}

.counter-text p {
    font-size: 18px;
}

/* choose us  */

.choose-us-section {
    padding: 0 0 90px;
}

.section-sub-title.offer h4 {
    font-size: 20px;
}

.section-main-title.offer h2 {
    line-height: 32px;
    font-size: 29px;
}

.choose-us-box {
    padding: 20px 10px 1px;
}

.choose-icon-thumb {
    margin-top: 3px;
}

/* call do action css */

.col-do-section::after {
    display: none;
}

.call-do-title {
    margin-left: -110px;
}

.col-do-icon {
    margin-left: -30px;
}

/* portfolio section  */

.portfolio-section {
    background-size: contain;
}

.portfolio-section .container-fluid {
    margin-left: 10px;
}

.portfolio-itmes-box {
    margin: 5px;
}

.portfolio-thumb img {
    width: 100%;
}

.portfolio-content {
    left: 0px;
}

.portfolio-itmes-box:hover .portfolio-content {
    bottom: 40px;
}

.portfolio-content-text {
    width: 85%;
}

.portfolio-content-text h4 a {
    font-size: 20px;
}

.portfolio-section .owl-prev {
    right: -38px;
}

/* testimonial section */

.testi-itmes-box {
    padding: 22px 8px 26px;
}

.testi-thumb {
    margin-right: 14px;
}

.testi-content p {
    font-size: 14px;
}

.testi-icon {
    right: 10px;
}

/* blog section */

.blog-items-box.two {
    padding: 40px 0px 26px 5px;
}

.blog-thumb.two {
    float: inherit;
}

.blog-thumb.two img {
    width: 100%;
}

.blog-meta {
    margin: 18px 0 30px;
}

.blog-meta.two span {
    margin-right: -30px;
}

.blog-bottom-title.two {
    margin-right: 30px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.section-main-title.get h2 {
    margin-bottom: 16px;
}

/* form box */
.form-box select {
    width: 100%;
}

.form-box textarea {
    width: 100%;
}


/* home page style two css */

/* about style two section */

.about-section.style-three {
    padding: 110px 0 86px;
}

.about-text.style-two {
    width: 120px;
    height: 133px;
    padding: 4px 16px 0;
    left: 74%;
    top: 0;
}

.about-shape-two {
    display: none;
}

.about-text.style-two h5 {
    font-size: 36px;
}

.about-text.style-two span {
    font-size: 36px;
}

.about-text.style-two p {
    font-size: 16px;
}

/* service section style two */

.service-section.style-two {
    padding: 0px 0 54px;
}


/* get qouate section */

.get-quote-section .form-box input {
    padding-left: 10px;
}

.get-quote-section .form-box i {
    display: none;
}

.form-box-button.quote button {
    width: 100%;
    font-size: 16px;
}

/* faq section */

.faq-section {
    padding: 97px 0 82px;
}

.faq-thumb {
    margin-top: 150px;
}

/* portfolio section */

.portfolio-section.style-two {
    padding: 90px 0 80px;
}

/* testimonial section */

.testimonial-section.style-two {
    padding: 110px 0 0px;
}

.testimonial-thumb {
    margin-left: 140px;
}

.testi-content-discripton p {
    font-size: 16px;
    line-height: 30px;
}

/* pricing section */

.pricing-section {
    padding: 90px 0 110px;
}

/* offer section style two */

.offer-email span {
    font-size: 14px;
}

/* blog section style two */

.blog-section.style-two {
    padding: 93px 0 112px;
}

.blog-content {
    padding: 0 0px 0;
}

.blog-meta.style-three span {
    padding-right: 20px;
}

.blog-bottom-title.style-three {
    margin-right: 18px;
}

/* service details inner page */

.service-section.style-four {
    padding: 82px 0 54px;
}

/* project grid inner page css */

.projecti-grid-section {
    padding: 110px 0 80px;
}

.project-content h4 {
    font-size: 17px;
    line-height: 26px;
}

.portfolio-section.style-two {
    padding: 93px 0 80px;
}


/* project details  inner page css */

.projetct-details-image img {
    width: 100%;
}

.image img {
    width: 100%;
}

/* blog inner page css */

.blog-bottom-shape.style-two {
    margin-right: 10px;
}

.blog-bottom-title.style-two {
    margin-right: 50px;
}

/* blog details inner page */

.blog-details-thumb {
    margin-top: 35px;
}

.ba-blog-details-social-icons a i {
    font-size: 16px;
}

.content-main p {
    font-size: 14px;
}

.choose-contact-box.inner {
    margin-top: -50px;
}

/* team details inner page css */

.team-details-author-img {
    margin-bottom: 30px;
}

.process-ber-plugin {
    display: none;
}


/* faq inner page css */

.section-main-title.faq h2 {
    font-size: 36px;
}

.choose-contact-box.faq {
    padding: 46px 40px 60px;
}



}



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.roofing-topbar-section {
    display: none;
}

.roofing-header-section {
    display: none;
}

/* slider section */

.slider-list.owl-carousel.owl-loaded.owl-drag {
    display: inline-block;
}

.slider-section {
    height: 700px;
    display: block !important;
}

.slider-content {
    padding: 120px 0 0;
}

.slider-content h1 {
    font-size: 56px;
    line-height: 54px;
}

.slider-content p {
    width: 76%;
    margin: 29px 0 43px;
}

/* about section */

.about-section {
    padding: 73px 0 66px;
}

.about-thumb {
    margin-bottom: 53px;
}

.about-text {
    left: -27px;
}

.about-shape {
    left: -27px;
    z-index: -1;
}

/* service section  */

.service-section {
    padding: 58px 0 43px;
}

/* offer section */

.offer-section {
    padding: 58px 0 50px;
}

.offer-content {
    margin-left: -100px;
}

.offer-thumb {
    margin-top: 55px;
}

/* counter section */

.counter-section {
    padding: 24px 0 44px;
}

.counter-item-box {
    padding: 23px 67px 5px;
    margin-bottom: 30px;
}

/* choose us section */

.choose-us-section {
    padding: 0 0 52px;
}

.choose-us-section .section-title {
    margin: 23px 35px 0;
}

.section-main-title.offer h2 {
    line-height: 44px;
    font-size: 42px;
}

.choose-us-thumb {
    margin-left: 36px;
}

.choose-us-discription {
    margin-left: 47px;
}

.choose-us-box {
    padding: 20px 10px 1px;
    margin-left: 45px;
}

/* call do section */

.col-do-section::before {
    display: none;
}

.col-do-section::after {
    display: none;
}

.call-do-title {
    text-align: center;
}

.call-do-title h4 {
    font-size: 23px;
    line-height: 30px;
}

.col-do-icon {
    text-align: right;
}

/* team section */

.team-section {
    padding: 34px 0 44px;
}

.team-items-box {
    margin-bottom: 40px;
}

/* portfolio section */

.portfolio-section {
    padding: 35px 0 34px;
}

.portfolio-section .container-fluid {
    margin-left: 0;
}

.portfolio-content {
    left: 0;
}

.portfolio-content-text {
    width: 80%;
}


/* testimonila section */

.testi-itmes-box {
    padding: 50px 13px 26px;
}

/* blog section */

.blog-section {
    padding: 32px 0 43px;
}

.blog-content {
    padding: 0 14px 0;
}

.blog-thumb.two {
    float: inherit;
    text-align: center;
    margin-right: 32px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.get-strat-section .section-main-title h2 {
    font-size: 43px;
    margin-bottom: 20px;
}

/* footer section */

.footer-section {
    padding: 72px 0 0px;
}

.footer-wiget {
    margin-bottom: 40px;
}

.footer-thumb {
    display: none;
}

.footer-icon {
    display: none;
}

.footer-shape {
    display: none;
}

.row.footer-line {
    margin: 40px 0 0;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    font-size: 16px;
}

.footer-condition {
    text-align: center;
}

.footer-condition ul li {
    margin-right: -26px;
}

/* home page style two css */

.slider-section.style-two {
    height: 615px;
}

.slider-content.style-two {
    padding: 72px 22px 64px;
    margin: 72px 0 0px;
}

/* about style three */

.about-section.style-three {
    padding: 73px 0 0px;
}

.about-text.style-two {
    left: 76%;
}

.about-shape-two {
    right: 10px;
}

/* service style two */

.service-section.style-two {
    padding: 26px 0 12px;
}

.service-section.style-two .section-title {
    text-align: center;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 45px;
}

.faq-thumb {
    display: none;
}

.faq-section .owl-dots {
    display: none;
}

/* protfolio secton style two */

.portfolio-section.style-two {
    padding: 58px 0 42px;
}

/* testimonial section style two */

.testimonial-section.style-two {
    padding: 58px 0 0px;
}

.testimonial-thumb {
    margin-top: 130px;
    margin-left: -27px;
}

.testimonial-shape {
    display: none;
}

.testimonial-section.style-two .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

/* pricing section */

.pricing-section {
    padding: 58px 0 42px;
}

.pricing-box {
    margin-bottom: 30px;
}

/* offer section style two */

.offer-section.style-two {
    padding: 63px 0px 73px;
}

.offer-section.style-two .form-box-button {
    text-align: center;
}

.offer-email {
    margin-bottom: 45px;
}

.offer-contact-shape {
    display: none;
}

/* about us innnr page  */

.about-section.style-two {
    padding: 74px 0 72px;
}

.counter-section.style-two {
    padding: 50px 0 20px;
}

/* service inner page  */

.service-section.style-three {
    padding: 58px 0 18px;
}

.service-section.style-four {
    padding: 48px 0 17px;
}

/* service details inner page */

.service-details-section {
    padding: 73px 0 0px;
}

/* project grid inner page css */

.projecti-grid-section {
    padding: 74px 0 43px;
}

.protfolio-menu ul li {
    padding: 10px 24px;
    margin: 0px 5px 50px;
}

.project-content h4 {
    font-size: 18px;
}

/* project details inner page */

.project-details-section {
    padding: 72px 0 72px;
}

.projetct-details-image img {
    width: 100%;
}

.project-details-section .info li {
    padding: 4px 0;
}

.project-details-section .info li h6 {
    font-size: 16px;
}

.project-details-section .info li p {
    font-size: 13px;
    margin: 10px 0px 0;
}

.image {
    text-align: center;
}

.image img {
    width:80%;
}

/* blog inner page  */

.blog-section.style-two {
    padding: 72px 0 42px;
}

.blog-items-box.style-three {
    margin-bottom: 30px;
}

.blog-bottom-title {
    margin-right: 50px;
}

.as-pagination {
    margin-bottom: 50px;
}

.recent-widget-thumb {
    margin-top: -4px;
}

/* blog details inner page */

.blog-section.style-three {
    padding: 72px 0 74px;
}

blockquote {
    padding: 25px 12px 30px;
}

.ba-blog-comment-list {
    margin-bottom: 0;
}

/* team inner page */

.team-section.style-three {
    padding: 55px 0 44px;
}

/* team details inner page  */

.team-details-section {
    padding: 60px 0 74px;
}

.team-details-author-img {
    margin-top: 35px;
}

.team-details-author-name {
    margin-bottom: 4px;
}

.team-details-author-experience ul li .value {
    font-size: 13px;
}


.choose-contact-box.faq {
    padding: 46px 38px 60px;
}

/* error inner page  */

.error-section {
    padding: 73px 0 74px;
}

/* contact us inner page */

.contact-section {
    padding: 60px 0 72px;
}




}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {


.roofing-topbar-section {
    display: none;
}

.roofing-header-section {
    display: none;
}

/* slider section */

.slider-list.owl-carousel.owl-loaded.owl-drag {
    display: inline-block;
}

.slider-section {
    height: 700px;
    display: block !important;
}

.slider-content {
    padding: 80px 0 0px;
}

.slider-content h1 {
    font-size: 56px;
    line-height: 54px;
}

.slider-content p {
    width: 76%;
    margin: 29px 0 43px;
}

/* owl nav css */

.owl-nav {
    right: 8px;
}

.owl-prev i {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

.owl-next i {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

/* appointment section */

.appointment-contact-title h4 {
    font-size: 47px;
}

/* about section */

.about-section {
    padding: 73px 0 66px;
}

.about-thumb {
    margin-bottom: 53px;
}

.about-text {
    left: -27px;
}

.about-shape {
    left: -27px;
    z-index: -1;
}

/* service section  */

.service-section {
    padding: 58px 0 43px;
}

/* offer section */

.offer-section {
    padding: 58px 0 50px;
}

.offer-content {
    margin-left: -38px;
}

.offer-thumb {
    margin-top: 55px;
}

/* counter section */

.counter-section {
    padding: 0px 0 37px;
}

.counter-item-box {
    padding: 23px 67px 5px;
    display: grid;
    text-align: center;
    border: none;
}

.counter-icon {
    float: inherit;
    margin: 0px 14px 20px;
}

/* choose us section */

.choose-us-section {
    padding: 0 0 52px;
}

.choose-us-section .section-title {
    margin: 23px 35px 0;
}

.section-sub-title.offer h4 {
    padding-left: 0;
    font-size: 20px;
}

.section-main-title.offer h2 {
    line-height: 32px;
    font-size: 29px;
}

.choose-us-thumb {
    margin-left: 36px;
}

.choose-us-discription {
    margin-left: 47px;
}

.choose-us-box {
    padding: 20px 10px 1px;
    margin-left: 45px;
}

/* call do section */

.col-do-section::before {
    display: none;
}

.col-do-section::after {
    display: none;
}

.call-do-title {
    text-align: center;
}

.call-do-title h4 {
    font-size: 23px;
    line-height: 30px;
}

.col-do-icon {
    text-align: center;
    margin-top: 30px;
}

/* team section */

.team-section {
    padding: 34px 0 44px;
}

.team-items-box {
    margin-bottom: 40px;
}

/* portfolio section */

.portfolio-section {
    padding: 35px 0 34px;
}

.portfolio-section .container-fluid {
    margin-left: 0;
}

.portfolio-content {
    left: 0;
}

.portfolio-content-text {
    width: 80%;
}


/* testimonila section */

.testi-itmes-box {
    padding: 50px 13px 26px;
}

/* blog section */

.blog-section {
    padding: 32px 0 43px;
}

.blog-items-box {
    margin-bottom: 30px;
}

.blog-content {
    padding: 0 14px 0;
}

.blog-thumb.two {
    float: inherit;
    text-align: center;
    margin-right: 32px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.get-strat-section .section-main-title h2 {
    font-size: 35px;
    margin-bottom: 10px;
}

/* subsccribe section */

.sbuscribe-content h2 {
    font-size: 46px;
}

.subscribe-section .form-box-button {
    right: -25px;
}

/* footer section */

.footer-section {
    padding: 72px 0 0px;
}

.footer-wiget {
    margin-bottom: 40px;
}

.footer-thumb {
    display: none;
}

.footer-icon {
    display: none;
}

.footer-shape {
    display: none;
}

.row.footer-line {
    margin: 40px 0 0;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    font-size: 16px;
}

.footer-condition {
    text-align: center;
}

.footer-condition ul li {
    margin-right: -26px;
}

/* home page style two css */

.slider-section.style-two {
    height: 615px;
}

.slider-content.style-two {
    padding: 72px 22px 64px;
    margin: 72px 0 0px;
}

/* about style three */

.about-section.style-three {
    padding: 73px 0 0px;
}

.about-text.style-two {
    left: 72%;
    top: 0;
}

.about-shape-two {
    display: none;
}

/* service style two */

.service-section.style-two {
    padding: 26px 0 12px;
}

.service-section.style-two .section-title {
    text-align: center;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 45px;
}

.faq-thumb {
    display: none;
}

.faq-section .owl-dots {
    display: none;
}

/* protfolio secton style two */

.portfolio-section.style-two {
    padding: 58px 0 42px;
}

.portfolio-section.style-two .section-main-title h2 {
    font-size: 47px;
}

/* testimonial section style two */

.testimonial-section.style-two {
    padding: 58px 0 0px;
}

.testimonial-thumb {
    margin-top: 130px;
    margin-left: -27px;
}

.testimonial-shape {
    display: none;
}

.testimonial-section.style-two .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

/* pricing section */

.pricing-section {
    padding: 58px 0 42px;
}

.pricing-box {
    margin-bottom: 30px;
}

/* offer section style two */

.offer-section.style-two {
    padding: 63px 0px 73px;
}

.offer-section.style-two .barfiller {
    width: 100%;
}

.offer-contact-box {
    padding: 38px 30px 45px;
}

.offer-section.style-two .form-box-button {
    text-align: center;
}

.offer-email {
    margin-bottom: 45px;
}

.offer-contact-shape {
    display: none;
}


/* about us innnr page  */

.about-section.style-two {
    padding: 74px 0 72px;
}

.counter-section.style-two {
    padding: 50px 0 20px;
}

/* service inner page  */

.service-section.style-two {
    padding: 58px 0 32px;
}

/* service details inner page */

.service-details-section {
    padding: 73px 0 0px;
}

.service-section.style-three {
    padding: 58px 0 18px;
}

.service-details-thumb-two {
    margin-bottom: 30px;
}

.service-section.style-four {
    padding: 48px 0 17px;
}

/* project grid inner page css */

.projecti-grid-section {
    padding: 74px 0 43px;
}

.protfolio-menu ul li {
    padding: 8px 14px;
    margin: 0px 2px 50px;
    font-size: 16px;
}

.project-content h4 {
    font-size: 18px;
}

/* project details inner page */

.project-details-section {
    padding: 72px 0 72px;
}

.projetct-details-image {
    margin-bottom: 20px;
}

.projetct-details-image img {
    width: 100%;
}

.project-details-section .info-area {
    margin-bottom: 20px;
}

.project-details-section .info li {
    padding: 4px 0;
}

.project-details-section .info li h6 {
    font-size: 16px;
}

.project-details-section .info li p {
    font-size: 13px;
    margin: 10px 0px 0;
}

.image {
    text-align: center;
}

.image img {
    width:80%;
}

/* blog inner page  */

.blog-section.style-two {
    padding: 72px 0 44px;
}

.blog-bottom-title {
    margin-right: 50px;
}

.as-pagination {
    margin-bottom: 50px;
}

.recent-widget-thumb {
    margin-top: -4px;
}

/* blog details inner page */

.blog-section.style-three {
    padding: 72px 0 74px;
}

.blog-title h4 a {
    font-size: 20px;
}

.blog-details-thumb {
    margin-bottom: 30px;
}

.blog-details-title h5 {
    font-size: 21px;
}

blockquote {
    padding: 25px 12px 30px;
    font-size: 14px;
}

.ba-blog-comment-list {
    margin-bottom: -60px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box {
    padding-bottom: 20px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box.inner {
    margin: 25px 0px 30px;
}

.ba-blog-comment-list ul li .image {
    float: none;
    text-align: left;
    margin-bottom: 15px;
}

.ba-blog-comment-list ul li .image img {
    width: 30%;
}

/* team inner page css */

.team-section.style-three {
    padding: 55px 0 44px;
}

/* team details inner page  */

.team-details-section {
    padding: 60px 0 74px;
}

.team-details-author-img {
    margin-top: 35px;
}

.team-details-author-content {
    margin-bottom: -40px;
}

.team-details-author-name {
    margin-bottom: 4px;
}

.team-details-author-experience ul li .value {
    font-size: 13px;
}


.choose-contact-box.faq {
    padding: 46px 38px 60px;
}

/* error inner page  */

.error-section {
    padding: 73px 0 74px;
}

/* contact us inner page */

.contact-section {
    padding: 60px 0 72px;
}

}




/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

.roofing-topbar-section {
    display: none;
}

.roofing-header-section {
    display: none;
}

/* slider section */

.slider-list.owl-carousel.owl-loaded.owl-drag {
    display: inline-block;
}

.slider-section {
    height: 700px;
    display: block !important;
}

.slider-content {
    padding: 166px 0 0;
}

.slider-content h1 {
    font-size: 46px;
    line-height: 44px;
}

.slider-content p {
    width: 92%;
    margin: 29px 0 43px;
}

/* slider styel two */

.slider-content.style.two {
    padding: 90px 0 0;
}

/* owl nav css */

.owl-nav {
    right: 8px;
}

.owl-prev i {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.owl-next i {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

/* section main title */

.section-main-title h2 {
    font-size: 40px;
}

/* appointment section */

.appointment-contact-title h4 {
    font-size: 40px;
}

/* about section */

.about-section {
    padding: 73px 0 60px;
}

.about-thumb {
    margin-bottom: 53px;
}

.about-text {
    left: -27px;
}

.about-shape {
    left: -27px;
    z-index: -1;
}

.about-numbar {
    margin-bottom: 30px;
}

.roofing-btn.about a {
    padding: 13px 13px;
    font-size: 16px;
}

.about-us-icon i {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

/* service section  */

.service-section {
    padding: 58px 0 43px;
}

/* offer section */

.offer-section {
    padding: 58px 0 50px;
}

.offer-content {
    margin-left: -23px;
}

.offer-thumb {
    margin-top: 55px;
}

/* counter section */

.counter-section {
    padding: 0px 0 37px;
}

.counter-item-box {
    padding: 23px 67px 5px;
    display: grid;
    text-align: center;
    border: none;
}

.counter-icon {
    float: inherit;
    margin: 0px 14px 20px;
}

/* choose us section */

.choose-us-section {
    padding: 0 0 52px;
}

.choose-us-section .section-title {
    margin: 23px 35px 0;
}

.section-sub-title.offer h4 {
    padding-left: 0;
    font-size: 18px;
}

.section-main-title.offer h2 {
    line-height: 25px;
    font-size: 26px;
}

.choose-us-thumb {
    margin-left: 36px;
}

.choose-us-discription {
    margin-left: 47px;
}

.choose-us-box {
    padding: 20px 10px 1px;
    margin-left: 45px;
}

/* call do section */

.col-do-section::before {
    display: none;
}

.col-do-section::after {
    display: none;
}

.call-do-title {
    text-align: center;
}

.call-do-title h4 {
    font-size: 23px;
    line-height: 30px;
}

.col-do-icon {
    text-align: center;
    margin-top: 30px;
}

/* team section */

.team-section {
    padding: 34px 0 44px;
}

.team-section .section-main-title h2 {
    font-size: 43px;
}



.team-items-box {
    margin-bottom: 40px;
}

/* portfolio section */

.portfolio-section {
    padding: 35px 0 34px;
}

.portfolio-section .container-fluid {
    margin-left: 0;
}

.portfolio-content {
    left: 0;
}

.portfolio-content-text {
    width: 80%;
}


/* testimonila section */

.testi-itmes-box {
    padding: 50px 13px 26px;
}

/* blog section */

.blog-section {
    padding: 32px 0 43px;
}

.blog-items-box {
    margin-bottom: 30px;
}

.blog-content {
    padding: 0 14px 0;
}

.blog-thumb.two {
    float: inherit;
    text-align: center;
    margin-right: 32px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.get-strat-section .section-main-title h2 {
    font-size: 31px;
    margin-bottom: 10px;
}

/* subsccribe section */

.sbuscribe-content h2 {
    font-size: 46px;
    line-height: 50px;
}

.subscribe-section .form-box-button {
    right: -25px;
}

/* footer section */

.footer-section {
    padding: 72px 0 0px;
}

.footer-wiget {
    margin-bottom: 40px;
}

.footer-thumb {
    display: none;
}

.footer-icon {
    display: none;
}

.footer-shape {
    display: none;
}

.company-work-hour ul li span {
    padding: 0 13px 0;
}

.row.footer-line {
    margin: 40px 0 0;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    font-size: 16px;
}

.footer-condition {
    text-align: center;
}

.footer-condition ul li {
    margin-right: -26px;
}

/* home page style two css */

.slider-section.style-two {
    height: 615px;
}

.slider-content.style-two {
    padding: 72px 22px 64px;
    margin: 72px 0 0px;
}

/* about style three */

.about-section.style-three {
    padding: 73px 0 0px;
}

.about-section-main-title h2 {
    font-size: 43px;
}

.about-text.style-two {
    display: none;
}

.about-shape-two {
    display: none;
}

/* service style two */

.service-section.style-two {
    padding: 26px 0 12px;
}

.service-section.style-two .section-title {
    text-align: center;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 45px;
}

.faq-thumb {
    display: none;
}

.faq-section .owl-dots {
    display: none;
}

/* protfolio secton style two */

.portfolio-section.style-two {
    padding: 58px 0 42px;
}

.portfolio-section.style-two .section-main-title h2 {
    font-size: 40px;
}

/* testimonial section style two */

.testimonial-section.style-two {
    padding: 58px 0 0px;
}

.testimonial-thumb {
    margin-top: 130px;
    margin-left: -27px;
}

.testimonial-shape {
    display: none;
}

.testimonial-section.style-two .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

/* pricing section */

.pricing-section {
    padding: 58px 0 42px;
}

.pricing-box {
    margin-bottom: 30px;
}

/* offer section style two */

.offer-section.style-two {
    padding: 63px 0px 73px;
}

.offer-section.style-two .barfiller {
    width: 100%;
}

.offer-contact-box {
    padding: 38px 30px 45px;
}

.offer-section.style-two .form-box-button {
    text-align: center;
}

.offer-email {
    margin-bottom: 45px;
}

.offer-contact-shape {
    display: none;
}


/* about us innnr page  */

.about-section.style-two {
    padding: 74px 0 72px;
}

.counter-section.style-two {
    padding: 50px 0 20px;
}

/* service inner page  */

.service-section.style-two {
    padding: 58px 0 32px;
}

/* service details inner page */

.service-details-section {
    padding: 73px 0 0px;
}

.service-section.style-three {
    padding: 58px 0 18px;
}

.service-details-thumb-two {
    margin-bottom: 30px;
}

.service-section.style-four {
    padding: 48px 0 17px;
}

/* project grid inner page css */

.projecti-grid-section {
    padding: 74px 0 43px;
}

.protfolio-menu ul li {
    padding: 8px 9px;
    margin: 0px 4px 50px;
    font-size: 14px;
}

.project-content h4 {
    font-size: 18px;
}

/* project details inner page */

.project-details-section {
    padding: 72px 0 72px;
}

.projetct-details-image {
    margin-bottom: 20px;
}

.projetct-details-image img {
    width: 100%;
}

.project-details-section .info-area {
    margin-bottom: 20px;
}

.project-details-section .info li {
    padding: 4px 0;
}

.project-details-section .info li h6 {
    font-size: 16px;
}

.project-details-section .info li p {
    font-size: 13px;
    margin: 10px 0px 0;
}

.image {
    text-align: center;
}

.image img {
    width:80%;
}

.project-details-section .desc-list li p {
    font-size: 14px;
}

/* blog inner page  */

.blog-section.style-two {
    padding: 72px 0 72px;
}

.blog-bottom-title {
    margin-right: 50px;
}

.as-pagination {
    margin-bottom: 50px;
}

.recent-widget-thumb {
    margin-top: -18px;
}

/* blog details inner page */

.blog-section.style-three {
    padding: 72px 0 74px;
}

.blog-title h4 a {
    font-size: 18px;
}

.blog-details-thumb {
    margin-bottom: 30px;
}

.blog-details-title h5 {
    font-size: 18px;
}

blockquote {
    padding: 25px 12px 30px;
    font-size: 12px;
}

.ba-blog-details-social-icons h6 {
    margin-right: 3px;
}

.ba-blog-details-social-icons a i {
    font-size: 14px;
}

.ba-blog-comment-list {
    margin-bottom: -60px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box {
    padding-bottom: 20px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box.inner {
    margin: 25px 0px 30px;
}

.ba-blog-comment-list ul li .image {
    float: none;
    text-align: left;
    margin-bottom: 15px;
}

.ba-blog-comment-list ul li .image img {
    width: 30%;
}

/* team inner page css */

.team-section.style-three {
    padding: 55px 0 44px;
}

/* team details inner page  */

.team-details-section {
    padding: 60px 0 74px;
}

.team-details-author-img {
    margin-top: 35px;
}

.team-details-author-content {
    margin-bottom: -40px;
}

.team-details-author-name {
    margin-bottom: 4px;
}

.team-details-author-experience ul li .value {
    font-size: 13px;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 80px;
}

.choose-contact-box.faq {
    padding: 46px 38px 60px;
}

/* error inner page  */

.error-section {
    padding: 73px 0 74px;
}

/* contact us inner page */

.contact-section {
    padding: 60px 0 72px;
}



}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px)  {

.roofing-topbar-section {
    display: none;
}

.roofing-header-section {
    display: none;
}

/* slider section */

.slider-list.owl-carousel.owl-loaded.owl-drag {
    display: inline-block;
}

.slider-section {
    height: 600px;
    display: block !important;
}

.slider-content {
    padding: 110px 0 0;
}

.slider-content h4 {
    font-size: 21px;
    margin-bottom: 24px;
}

.slider-content h1 {
    font-size: 28px;
    line-height: 29px;
}

.slider-content p {
    width: 100%;
    margin: 22px 0 28px;
    font-size: 14px;
}

.roofing-btn.slider1 a {
    padding: 10px 10px;
    font-size: 14px;
}

.roofing-btn.slider2 a {
    padding: 10px 10px;
    font-size: 14px;
}

/* owl nav css */

.owl-nav {
    right: 50%;
    display: inline-flex;
    bottom: 25px;
    left: 38%;
    margin: auto;
}

.owl-prev i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.owl-next i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-left: 13px;
}

/* section main title */

.section-sub-title h4 {
    font-size: 22px;
}

.section-main-title h2 {
    font-size: 35px;
    line-height: 50px;
}

/* appointment section */

.appointment-contact-title h4 {
    font-size: 40px;
    line-height: 50px;
}

/* about section */

.about-section {
    padding: 73px 0 60px;
}

.about-thumb {
    margin-bottom: 53px;
}

.about-text {
    left: 17px;
}

.about-text h5 {
    font-size: 18px;
    padding: 14px 28px;
}

.about-shape {
    display: none;
}

.about-numbar {
    margin-bottom: 30px;
}

.roofing-btn.about a {
    padding: 13px 13px;
    font-size: 16px;
}

.about-us-icon i {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

/* service section  */

.service-section {
    padding: 58px 0 43px;
}

/* offer section */

.offer-section {
    padding: 58px 0 50px;
}

.offer-item-thumb {
    display: none;
}

.offer-content {
    margin-left: -160px;
}

.offer-thumb {
    margin-top: 55px;
}

.offer-section .barfiller {
    width: 100%;
}

.offer-section span.process-bar {
    font-size: 16px;
}

/* counter section */

.counter-section {
    padding: 0px 0 37px;
}

.counter-item-box {
    padding: 23px 67px 5px;
    display: grid;
    text-align: center;
    border: none;
}

.counter-icon {
    float: inherit;
    margin: 0px 14px 20px;
}

/* choose us section */

.choose-us-section {
    padding: 0 0 52px;
}

.choose-us-section .container-fluid {
    padding-right: 0px;
}

.choose-us-section .section-title {
    margin: 23px 35px 0;
}

.section-sub-title.offer h4 {
    padding-left: 0;
    font-size: 16px;
    margin-left: -23px;
}

.section-main-title.offer {
    margin-bottom: 35px;
    margin-left: -23px;
}

.section-main-title.offer h2 {
    line-height: 18px;
    font-size: 18px;
}

.choose-us-thumb {
    margin-left: 36px;
}

.choose-us-discription {
    margin-left: 17px;
}

.choose-us-box {
    padding: 20px 5px 1px;
    margin-left: 18px;
}

/* call do section */

.col-do-section::before {
    display: none;
}

.col-do-section::after {
    display: none;
}

.call-do-title {
    text-align: center;
}

.call-do-title h4 {
    font-size: 20px;
    line-height: 27px;
}

.col-do-icon {
    text-align: center;
    margin-top: 30px;
}

/* team section */

.team-section {
    padding: 34px 0 44px;
}

.team-section .section-sub-title h4 {
    font-size: 20px;
}

.team-section .section-main-title h2 {
    font-size: 28px;
    line-height: 35px;
}

.team-items-box {
    margin-bottom: 40px;
}

.team-main-icon {
    bottom: -5px;
}

/* portfolio section */

.portfolio-section {
    padding: 35px 0 34px;
}

.portfolio-section .container-fluid {
    margin-left: 0;
}

.portfolio-section .section-sub-title.offer h4 {
    padding-left: 0;
    font-size: 16px;
    margin-left: 0px;
}

.portfolio-section .section-main-title.offer {
    margin-bottom: 35px;
    margin-left: 0px;
}

.portfolio-content {
    left: 0;
}

.portfolio-content-text {
    width: 80%;
}


/* testimonila section */

.testi-itmes-box {
    padding: 50px 13px 26px;
}

.testi-thumb {
    display: none;
}

/* blog section */

.blog-section {
    padding: 32px 0 43px;
}

.blog-items-box {
    margin-bottom: 30px;
}

.blog-date {
    display: none;
}

.blog-content {
    padding: 0 14px 0;
}

.blog-meta span {
    padding-right: 40px;
}

.blog-bottom-title {
    margin-right: 20px;
}

/* blog style two */

.blog-thumb.two {
    float: inherit;
    text-align: center;
    margin-right: 32px;
}

.blog-meta.style-three span {
    padding-right: 12px;
}

.blog-bottom-shape {
    margin-right: 4px;
}

.blog-bottom-title.two {
    margin-right: 20px;
}

.blog-bottom-title.style-three {
    margin-right: 9px;
}

.blog-title.two::before {
    display: none;
}

/* get start section */

.get-strat-section .section-main-title h2 {
    font-size: 31px;
    margin-bottom: 10px;
    line-height: 39px;
}

.get-start-discription p {
    font-size: 15px;
}

.roofing-btn.get a {
    padding: 12px 24px;
    font-size: 16px;
}

/* subsccribe section */

.sbuscribe-content h2 {
    font-size: 40px;
    line-height: 50px;
}

.subscribe-section .form-box-button {
    position: inherit;
    left: 0;
}

/* footer section */

.footer-section {
    padding: 72px 0 0px;
}

.footer-wiget {
    margin-bottom: 40px;
}

.footer-thumb {
    display: none;
}

.footer-icon {
    display: none;
}

.footer-shape {
    display: none;
}

.company-work-hour ul li span {
    padding: 0 13px 0;
}

.row.footer-line {
    margin: 40px 0 0;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    font-size: 16px;
}

.footer-condition {
    text-align: center;
}

.footer-condition ul li {
    margin-right: -43px;
}

/* home page style two css */

.slider-section.style-two {
    height: 615px;
}

.slider-content.style-two {
    padding: 72px 22px 64px;
    margin: 72px 0 0px;
}

/* about style three */

.about-section.style-three {
    padding: 73px 0 0px;
}

.about-section-sub-title h4 {
    font-size: 22px;
}

.about-section-main-title h2 {
    font-size: 28px;
    line-height: 42px;
}

.about-text.style-two {
    display: none;
}

.about-shape-two {
    display: none;
}

.about-us-phone {
    display: none;
}

/* service style two */

.service-section.style-two {
    padding: 26px 0 12px;
}

.service-section.style-two .section-title {
    text-align: center;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 45px;
}

.faq-thumb {
    display: none;
}

.faq-section .owl-dots {
    display: none;
}

/* protfolio secton style two */

.portfolio-section.style-two {
    padding: 58px 0 42px;
}

.portfolio-section.style-two .section-main-title h2 {
    font-size: 40px;
}

/* testimonial section style two */

.testimonial-section.style-two {
    padding: 58px 0 0px;
}

.testi-content-discripton p {
    font-size: 20px;
    line-height: 38px;
}

.testimonial-thumb {
    margin-top: 130px;
    margin-left: -27px;
}

.testimonial-shape {
    display: none;
}

.testimonial-section.style-two .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

/* pricing section */

.pricing-section {
    padding: 58px 0 42px;
}

.pricing-box {
    margin-bottom: 30px;
}

/* offer section style two */

.offer-section.style-two {
    padding: 63px 0px 73px;
}

.offer-section.style-two .section-sub-title.offer h4 {
    padding-left: 0;
    font-size: 16px;
    margin-left: 0px;
}

.offer-section.style-two .section-main-title.offer {
    margin-bottom: 35px;
    margin-left: 0px;
}

.offer-section.style-two .barfiller {
    width: 100%;
}

.offer-contact-box {
    padding: 38px 15px 45px;
}

.offer-contact-title h4 {
    font-size: 26px;
}

.offer-contact-title span {
    font-size: 15px;
}

.offer-section.style-two .form-box-button {
    text-align: center;
}

.offer-email {
    margin-bottom: 45px;
}

.offer-contact-shape {
    display: none;
}


/* about us innnr page  */

.about-section.style-two {
    padding: 74px 0 72px;
}

.counter-section.style-two {
    padding: 50px 0 20px;
}

/* service inner page  */

.service-section.style-two {
    padding: 58px 0 32px;
}

/* service details inner page */

.service-details-section {
    padding: 73px 0 0px;
}

.service-section.style-three {
    padding: 58px 0 18px;
}

.service-details-thumb-two {
    margin-bottom: 30px;
}

.service-section.style-four {
    padding: 48px 0 17px;
}

/* project grid inner page css */

.projecti-grid-section {
    padding: 74px 0 43px;
}

.protfolio-menu ul li {
    padding: 6px 14px;
    margin: 0px 0px 27px;
    font-size: 16px;
}

.project-content h4 {
    font-size: 16px;
}

/* project details inner page */

.project-details-section {
    padding: 72px 0 72px;
}

.projetct-details-image {
    margin-bottom: 20px;
}

.projetct-details-image img {
    width: 100%;
}

.project-details-section .info-area {
    margin-bottom: 20px;
    padding-left: 0;
}

.project-details-section .info li {
    padding: 4px 0;
}

.project-details-section .info li h6 {
    font-size: 16px;
}

.project-details-section .info li p {
    font-size: 13px;
    margin: 10px 0px 0;
}

.project-details-section .title h4 {
    font-size: 24px;
}

.image {
    text-align: center;
}

.image img {
    width:80%;
}

.project-details-section .desc-list li p {
    font-size: 14px;
}

/* blog inner page  */

.blog-section.style-two {
    padding: 72px 0 72px;
}

.blog-bottom-shape.style-two {
    display: none;
}

.blog-bottom-title.style-two {
    margin-right: 30px;
}

.as-pagination {
    margin-bottom: 50px;
}

.recent-widget-thumb {
    margin-top: -3px;
}

/* blog details inner page */

.blog-section.style-three {
    padding: 72px 0 74px;
}

.blog-meta.style-two span {
    font-size: 14px;
    padding-right: 11px;
}

.blog-title h4 a {
    font-size: 18px;
}

.blog-disctiption p {
    font-size: 14px;
}

.blog-details-thumb {
    margin-bottom: 30px;
}

.blog-details-list ul li {
    font-size: 14px;
}

.blog-details-list ul li i {
    font-size: 16px;
}

.blog-details-title h5 {
    font-size: 18px;
}

blockquote {
    padding: 25px 0px 30px;
    font-size: 11px;
}

.blog-details-social-box {
    display: none;
}

.ba-blog-comment-list {
    margin-bottom: -60px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box {
    padding-bottom: 20px;
}

.content-main p {
    font-size: 14px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box.inner {
    margin: 25px 0px 30px;
}

.ba-blog-comment-list ul li .image {
    float: none;
    text-align: left;
    margin-bottom: 15px;
}

.ba-blog-comment-list ul li .image img {
    width: 30%;
}

/* form box */

.form-box.inner textarea {
    height: 120px;
}

/* team inner page css */

.team-section.style-three {
    padding: 55px 0 44px;
}

/* team details inner page  */

.team-details-section {
    padding: 60px 0 74px;
}

.team-details-author-img {
    margin-top: 35px;
}

.team-details-author-content {
    margin-bottom: -40px;
}

.team-details-author-name {
    margin-bottom: 4px;
}

.team-details-author-experience ul li .value {
    font-size: 13px;
}

/* faq inner page  */

.faq-section {
    padding: 57px 0 80px;
}

.section-main-title.faq h2 {
    font-size: 27px;
}

.choose-contact-box.faq {
    padding: 46px 13px 60px;
}

.choose-contact-title.faq h4 {
    font-size: 24px;
}

.faq-discription p {
    font-size: 17px;
}

.form-box-button.faq button {
    width: 100%;
    height: 55px;
}

/* error inner page  */

.error-section {
    padding: 73px 0 74px;
}

.error-thumb img {
    width: 100%;
}

/* contact us inner page */

.contact-section {
    padding: 60px 0 72px;
}

.contact-discription p {
    font-size: 16px;
    line-height: 30px;
}

.contact-icon {
    margin-right: 7px;
}


/* breatcome css */

.breatcome-title h1 {
    font-size: 36px;
}

.bratcome-text {
    left: 0;
}




}





/*xl device min width*/
@media screen and (min-width:992px) {
.pl-lg-50 {
    padding-left: 50px;
}
}

/*xl device min width*/
@media screen and (min-width:1200px) {

}