@media (min-width:100px) and (max-width:399px) {

    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-media-image {

        bottom: 7%;

        width: 72%;

    }

}





@media (max-width: 479px) {


    #banner-slider button {

        display: none;

    }

    

    .header--2 .mainmenu__wrap.sticky__header {

        top: 175px;

    }



    .menumenu__container {

        display: none;

    }



    .mainmenu__wrap.sticky__header {

        top: 207px;

    }

    .mobile-v{

        display: block;

        justify-content: center;

        display: flex;

    }

    .desk-v{

      display: none;

    }



    .htc__contact {

        display: none;

        flex-direction: column;

    }



    .htc__header__top {

        display: none;

    }



    p {

        line-height: 25px;

    }



    .col-lg-auto {

        display: none;

    }



    .col-md-4 {

        margin-top: 50px;

    }

    .rand{

          padding: 15px;

    }

    .rand-head{

      font-size: 21px;

    }

    .rand-content{

      padding:15px 0px !important;

    }



    .ht__call__btn .htc__btn {

        font-size: 15px !important;

        height: 34px !important;

        line-height: 31px !important;

        padding: 0 16px !important;

    }



    .ht__call__wrap {

        padding: 0 !important;

        height: 130px !important;

        justify-content: center;

    }



    .section__title p {

        color: #777777;

        font-size: 18px;

        line-height: 30px;

        margin: 0 !important;

        width: 69%;

    }

    .glance-img-container{

       flex-direction: row !important;

       flex-wrap: wrap;

    }

    .glance-item{

      width: 50%;

    }

    .field--name-paragraph-product-feature .paragraph--type--product-feature>.field--name-product-feature-category {

        /*    flex-direction: column;*/

        flex-wrap: wrap;

        justify-content: center;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-media-image {

        bottom: 5%;

        width: 65%;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .product-feature--link {

        padding: 12px 9px;

    }





    .main__menu li:first-child::before {

        display: block;

    }



    .htc__faq__area .section__title p {

        width: 100% !important;

    }



    .faq__thumb {

        display: none !important;

    }



    .offset-lg-6 {

        padding-bottom: 20px;

    }



    .section__title p {

        color: #777777;

        font-size: 18px;

        line-height: 30px;

        margin: auto;

        width: 100% !important;

    }



    .team__social__link {

        display: flex;

        justify-content: center;

        margin-bottom: 20px;

        margin-left: 0px !important;

        margin-right: -6px;

    }



    .ptb--120 {

        padding: 25px 25px !important;

    }

    .facebook-plugin{

      width: 100%;

    }



    .slider__btn a.htc__btn {

        font-size: 8px !important;

        height: 24px !important;

        line-height: 24px !important;

        padding: 0 7px !important;

        bottom: 9%;

        left: 20%;

    }

    h3.h2style{

      padding-top: 20px !important;

    }

    section .container{

      padding:0px;

    }

    .career-sec2{

      flex-direction: column-reverse !important;

    }

    section.path{

      padding: 15px 15px;

      margin-left: 0;

    }

    section.path .navigation-links{

      flex-wrap: wrap !important;

    }

    #mii .container div{

      flex-direction: column-reverse;

    }

    .blog-page{

      padding-right: 15px;

      padding-left: 15px;

    }

    .blog-content .h2style{

      padding-top:0px !important;

    }

    #filterBtnContainer {

        flex-direction: row;

        max-width: 100%;

    }

    #makeindia{

      text-align: center;

    }

    .grid-container {



    }



    .welcome1 .about__dtl p:nth-of-type(2) {

        display: none;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-title {

        font-size: 22px;

        text-align: center;

        display: flex;

        justify-content: center;

        padding-top: 12px;

    }

    #blog2 .container div{

      margin-top:0px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        width: 63%;

        min-height: 22rem;

    }



    .slide-head {

        font-size: 14.5px;

        line-height: 21px;

        font-weight: 600;

        top: 51%;

        left: 4%;

        text-align: left;

        color: #000;

    }



    .slide-head:nth-of-type(2) {

        left: 1% !important;

    }



    #prod {

        padding: 25px 15px !important;

        display: none;

    }

    

    #prod-mob {

        display: block !important;

    }



    .social__icon {

        margin-top: -56px !important;

    }



    #tmimg {

        padding: 0px;

    }



    .blog2 {

        flex-direction: column-reverse !important;

    }



    #makeinhead {

        padding-top: 0px !important;

        font-size: 25px;

    }







    .h2mainstyle {

        line-height: 1.1;

    }



    .about-images {

        padding-top: 0px !important; 

        padding-bottom: 0px !important;

    }



    #logo-m {

        width: 180px;

    } 

    .form .row{

      padding-top:20px;

    }

    #form_info .container .info .htc__contact__wrap{

      padding-top: 15px;

      padding-bottom: 0px;

    }

    .ht__address__info p:nth-of-type(1){

      padding-top: 5px;

      padding-bottom: 10px;

    }

    .ht__address__info p:nth-of-type(3) , .ht__address__info p:nth-of-type(4){

      padding-top: 2px;

      padding-bottom: 2px;

    }

    .our-vision{

      padding-top:0px !important;

    }

    .field--name-paragraph-product-feature .paragraph--type--product-feature>.field--name-title {

        width: 100%;

        margin-top: 15px;

        font-size: 25px;

        margin-bottom: 10px;

    }



    .h2style {

        padding-top: 70px !important;

    }



    #wlcmtm h2 {

      font-size: 23px !important;

      padding: 0 15px 0px 20px;

      text-align: center;

      width: 100;

      margin-bottom: -10px;

    }



    hr {

        display: none;

    }



    .footer-col2 {

        display: none;

    }



    .footer-col1,

    .footer-col3 {

        margin-bottom: 15px;

    }



    .ft__title {

        margin-bottom: 20px;

    }



    .htc-header {

        display: flex;

        flex-direction: column-reverse;

    }



    #team {

        padding: 20px 20px !important;

    }



    .h2mainstyle {

        font-size: 35px !important;

    }



    .field--name-paragraph-product-feature:hover {

        transform: none;

    }



    #blogs {

        padding-top: 0px !important;

    }



    .row {

        display: flex;

        flex-direction: column;

    }



    .glance .section__title .title__line {

        padding-bottom: 20px !important;

    }



    .htc__header__top {

        position: relative;

        height: 100%;

    }



    .logo img {

        max-width: 100%;

        max-height: 100%;

    }



    .htc__about__content {

        padding-top: 0px !important;

    }



    marquee h3 {

        padding-top: 0px !important;

    }



    .gallery {

        grid-template-columns: repeat(2, 1fr) !important;

        width: 90% !important;

        padding-bottom: 40px;

    }



    .gallery-section {

        padding-bottom: 0px !important;

        padding-top: 30px !important;

        padding: 0px 10px;

    }



    .htc__faq__area .container {

        padding: 10px 0px;

    }



    .htc__faq__area .h2mainstyle {

        padding-bottom: 15px !important;

    }



    .mt--60 {

        margin-top: 30px;

    }



    .ht__call__wrap h2 {

        font-size: 29px !important;

        line-height: 36px !important;

        padding-bottom: 70px !important;

        padding-top: 24px !important;

    }

    .pro-image{

            width: -webkit-fill-available;

    }

    .pro-description{

      width: 100%;

    }



    #calltoaction {

        padding-left: 15px;

    }



    .contact-box.name_email input {

        margin-top: 34px !important;

    }



    #form_info .info {

        width: 100%;

    }



    .insta-plugin {

        display: none;

    }



    .ht__bradcaump__wrap {

        height: 200px;

    }



    .sdfghfds {

        padding: 0px 30px !important;

        padding-top: 10px !important;

    }



    .ptb--90 {

        padding: 40px 0;

    }



    .qna {

        padding: 40px;

    }



    .htc__haq__title {

        padding-top: 0 !important;

    }



    .gallery-heading h1 {

        font-size: 40px;

        font-weight: 600;

        background-size: 15% !important;

        background-position-y: 40% !important;

    }



    .htc__team__area {

        padding: 70px 20px !important;

    }



    .pro-image {

        width: 100%;

    }



    .pro-name {

        padding-left: 0px;

    }



    .product-cate {

        padding-left: 0px;

        padding-top: 5%;

    }



    .title__line {

        padding-top: 25px;

        margin-bottom: 0px !important;

        padding-bottom: 0px !important;

    }



    .about__dtl {

        padding-top: 15px;

    }



    .product-info {

        flex-direction: column;

        padding: 0px;

    }



    .gen-desc-section {

        margin: 10px;

    }



    .footer .team__social__link {

        margin-top: 15px;

    }



    .footer-logo {

        width: 65%;

        margin-bottom: 10px;

    }



    .footer-col3 {

        display: none !important;

    }



    .footer-elements {

        padding-left: 15px;

    }



    .grid-container {

      margin: 35% 2% 25% 2%;

      grid-template-columns: 1fr 1fr;

      padding: 0px;

      padding-bottom: 17%;

      font-size: 13px;

      padding-top: 20px;

    }

    .filter-text{

      font-size: 0.89rem;

    }



    #filterBtnContainer {

      max-width: 100%;

      margin-top: -35%;

      padding-top: 10px;

      flex-wrap: wrap;

    }

    .about__dtl h1{

      font-size: 29px;

    }



    .btn img {

        width: 100%;

        display: none;

    }

    #filterBtnContainer .btn{

      width: 31%;

    }



    .picture>span>a {

        font-size: 11px;

    }



/*    .filter-text {

        display: none;

    }

*/

    .download-btn {

        position: relative;

        left: 5%;

        margin: 15px 0px;

    }



    .gen-desc {

        width: 100% !important;

        margin-left: 5%;

    }



    .pro-image {

        width: 100%;

        position: relative;

        /*    right: 10%;*/

        top: 5%;

    }



    #form_info .form {

        width: 100%;

        left: 0px;

    }



    #form_info .container {

        flex-direction: column;

    }



    .main__menu>li>a {

        font-size: 14px;

        font-weight: 500;

    }

}



@media screen and (max-width:1275px) {

    .main__menu>li>a {

        padding: 0px 10px;

        font-size: 14px;

    }

    .custom-nav{

      bottom: -20%;

    }

}





/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .mobdisplay {

        display: block;

    }



    .menumenu__container {

        display: none;

    }



    .main__menu>li>a {

        font-size: 14px;

        font-weight: 500;

    }

}



/* small mobile :320px. */

@media (min-width:480px) and (max-width: 767px) {

    .header--2 .mainmenu__wrap.sticky__header {

        top: 151px;

    }



    .htc__contact {

        flex-wrap: wrap;

    }



    .social__icon li a i {

        font-size: 14px;

        height: 28px;

        line-height: 27px;

        width: 28px;

    }



    .htc__contact li+li {

        margin-left: 10px

    }



    .htc__contact li a {

        font-size: 14px;

    }



    .htc__contact li a span {

        font-size: 12px;

        padding-right: 8px;

    }



    .htc__contact {

        height: auto;

        padding: 0px 0 10px;

        display: flex;

        flex-direction: column;

    }



    .social__icon {

        height: auto !important;

    }



    .htc__header__top {

        padding: 0 0 10px;

        flex-direction: column !important;

        height: 115px;

    }



    .xsmt--40,

    .htc__about__thumb,

    .funfact {

        margin-top: 40px;

    }



    .section__title p,

    .testimonial__inner p,

    .htc__faq__area .section__title p,

    .cmt__details p {

        width: 100%;

    }



    .htc__about__container,

    .counterup__container,

    .ht__bl__link,

    .ht__single__cmnt__form.name,

    .htc__page__container {

        display: block;

    }



    .ht__single__cmnt__form.name input,

    .ht__single__cmnt__form.name {

        margin: 0;

    }



    .ht__single__cmnt__form.name input+input {

        margin-top: 22px;

        margin-bottom: 20px;

    }



    .counterup__container {

        margin-top: -40px;

    }



    .counterup__container {

        padding: 0;

    }



    .replay__btn {

        margin-left: 0;

    }



    .htc__faq__area .title__line {

        font-size: 22px;

    }



    .htc__page__container {

        text-align: center;

    }



    .htc__contact__wrap {

        padding: 70px 0px 50px;

    }



    .pagenation {

        justify-content: center;

    }



    .testimonial__inner p {

        font-size: 23px;

        line-height: 37px;

    }



    .ht__call__wrap {

        flex-flow: row wrap;

        height: 265px;

        padding: 0;

    }



    .older,

    .pagenation {

        margin-bottom: 20px;

    }



    .ht__blog__thumb iframe {

        height: 182px;

    }



    .page__btn {

        margin-top: 20px;

    }



    .ht__single__comment.replay {

        margin-left: 0;

    }



    .service__details p {

        font-size: 14px;

    }



    .service__details {

        padding: 27px 15px;

    }



    .title__line {

        font-size: 26px;

        padding-bottom: 24px;

    }



    .slider__inner h1 {

        font-size: 27px;

    }



    .slider__fixed--height {

        height: auto;

        padding: 72px 0;

    }



    .social__icon {

        height: 44px;

        justify-content: center;

        margin-bottom: 10px;

        margin-top: 10px;

    }



    .logo {

        height: 49px;

        padding-bottom: 10px;

        padding-top: 0px;

        text-align: center;

        display: block;

        top: 0px;

        right: 50%;

        transform: translateX(50%);

        position: absolute;

    }



    .social__icon {

        margin-right: 0;

    }



    .menu__btn {

        justify-content: flex-start;

    }



    .menumenu__container {

        padding: 0 15px;

    }



    .mean-container a.meanmenu-reveal {

        border: 2px solid #fff;

        color: #fff;

        margin-right: 13px;

        margin-top: -57px;

    }



    .mean-container a.meanmenu-reveal span {

        background: #fff none repeat scroll 0 0;

    }



    .mean-container .mean-nav {

        margin-top: 0;

    }



    .mainmenu__wrap.sticky__header {

        top: 184px;

    }



    .htc__header__top {

        display: none;

    }



    .htc__header__top::before {

        height: 20%;

    }



    .ht__call__wrap h2 {

        font-size: 29px;

        line-height: 39px;

    }



    .ht__call__btn {

        margin-top: -61px;

    }



    .faq__thumb {

        margin: 40px auto auto;

        position: inherit;

        width: 97%;

    }



    .htc__faq__area {

        padding-bottom: 0;

    }



    .blog__details h2 {

        font-size: 17px;

    }



    .blog__details {

        padding: 24px 11px;

    }



    .ht__blog__dtl__inner {

        padding: 0 10px;

    }



    .ht__blog__dtl h2 a {

        font-size: 19px;

        padding-top: 18px;

    }



    .bl__meta {

        display: block;

    }



    .bl__meta li+li {

        margin-left: 0;

        margin-top: 10px;

    }



    blockquote {

        margin: 22px 0 24px 15px;

    }



    .contact-box.name_email {

        display: block;

        margin-left: 0;

        margin-right: 0;

    }



    .contact-box.name_email input {

        margin: 0px;

    }



    .contact-box.name_email input+input {

        margin-top: 34px;

    }



    .header__content--wrap::before {

        display: none;

    }



    .slider__btn a.htc__btn {

        font-size: 50%;

        height: 15%;

        line-height: 33px;

        padding: 0 2%;

        bottom: 56px;

    }



    .slider__btn {

        margin-top: 30px;

    }



    .section__title p {

        font-size: 15px;

        line-height: 24px;

    }



    .ht__bradcaump__wrap {

        height: 292px;

    }



    .menu__text {

        align-items: center;

        display: flex;

        height: 140px;

    }



    .menu__text a {

        color: #fff;

        font-family: Roboto Slab;

        font-size: 28px;

        padding-bottom: 4px;

    }



    .title__line.title__line--2 {

        padding-bottom: 31px;

    }



    .title__line::before {

        height: 139%;

        width: 58%;

    }



    .htc__haq__title {

        font-size: 24px;

        margin-bottom: 3px;

    }



    .title__line.title__line--2::before {

        width: 144px;

    }



    .htc__about__inner h2 {

        font-size: 26px;

    }



    .htc__faq__area .title__line::before {

        height: 150%;

    }



    .htc__about__inner h2 {

        font-size: 25px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature>.field--name-title {

        font-size: 100%;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        max-width: 85% !important;

    }



    #prod img {

        max-width: 250%;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-media-image {

        left: 28%;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-title {

        font-size: 50% !important;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .product-feature--link {

        padding: 20px 6px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-media-image {

        bottom: 8%;

    }



    .ptb--120 {

        padding: 50px 0;

    }



    .col-md-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    #mii .col-md-6 {

        flex: 0 0 auto;

        width: 100%;

    }



    .gallery {

        width: 90% !important;

    }



    .htc__faq__area .title__line {

        font-size: 45px;

    }



    #mission,

    #vision {

        padding-top: 70px !important;

    }

}



@media (min-width:480px) and (max-width: 575px) {



    .col-md-6 {

        flex: 0 0 auto;

        width: 90%;

    }



    .navbar-brand img {

        padding: 15px;

    }



    #mii .col-md-6 {

        flex: 0 0 auto;

        width: 100%;

    }



    .gallery {

        width: 90% !important;

    }



    .htc__faq__area .title__line {

        font-size: 45px;

    }



    #mission,

    #vision {

        padding-top: 20px !important;

    }



    .container,

    .container-sm {

        max-width: 90%;

    }



    #team_members .col-md-6 {

        flex: 0 0 auto;

        width: 100%;

    }



    #tm1 .align-items-center,

    #tm2 .align-items-center,

    #tm3 .align-items-center {

        flex-direction: column;

    }



    #tmimg {

        justify-content: center !important;

    }



    #team_members img {

        width: 440px;

    }



    #product1,

    #product2,

    #product3,

    #product4,

    #product5 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

}





/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    .breadtext {
        left: 6% !important;
        top: 42% !important;
    }


    .bdbg3 .breadtext {
        left: 10% !important;
        top: 41% !important;
    }

    .bdbg2 .breadtext {
        left: 12% !important;
        top: 33% !important;
    }

    .bdbg2 .breadtext .bdtext {
        width: 50% !important;
    }

    .bdbg4 .breadtext {
        top: 32% !important;
        left: 10% !important;
    }

    .bdbg4 .bdtext h2 {
        font-size: 45px !important;
    }

    .bdbg6 .bdtext h2 {
        font-size: 58px !important;
        line-height: 1;
    }

    .social__icon li a i {

        font-size: 14px;

        height: 28px;

        line-height: 27px;

        width: 28px;

    }



    .menumenu__container {

        display: none;

    }



    #resume h3 {

        font-size: 85% !important;

    }



    #slogan h1 {

        font-size: 100% !important;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        max-width: 90%;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        min-height: 11rem;

        margin-bottom: 0rem;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category .field--name-title {

        font-size: 17px;

    }



    #wlcmtm .container {

        max-width: 90%;

    }



    #wlcmtm .container .row {

        padding: 0 !important;

    }



    #wlcmtm {

        padding-bottom: 50px;

    }



    #team .container {

        max-width: 90%;

    }



    #blogs .blog-container {

        max-width: 90%;

    }



    #blogs .blog-container a {

        max-width: 100%;

    }



    .blog-container {

        justify-content: space-evenly;

        flex-wrap: wrap;

        flex-direction: column;

        align-content: center;

    }



    .pro-image {

        width: 33%;

    }





    #mii .container .row {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #mission,

    #vision {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #mission .htc__about__content,

    #vision .htc__about__content,

    #mission .col-md-6,

    #vision .col-md-6,

    #team_members .col-md-6,

    #team_members .htc__about__content {

        padding-top: 0 !important;

    }



    .faq__thumb {

        display: none;

    }



    .ptb--120 {

        padding: 40px 0;

    }



    #why_morash,

    #opportunity {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #why_morash .foo,

    #opportunity .foo {

        justify-content: center;

        display: flex;

    }



    .htc__contact li+li {

        margin-left: 10px

    }



    .htc__contact li a {

        font-size: 14px;

    }



    .htc__contact li a span {

        font-size: 12px;

        padding-right: 8px;

    }



    .mean-container .mean-nav {

        margin-top: 0;

    }



    .htc__about__container {

        display: block;

    }



    .htc__about__thumb,

    .smt--30 {

        margin-top: 30px;

    }



    .counterup__container,

    .ht__call__wrap {

        padding: 0;

    }



    .smt--40 {

        margin-top: 40px;

    }



    .mean-container a.meanmenu-reveal {

        border: 2px solid #fff;

        color: #fff;

        margin-right: 29px;

        margin-top: -58px;

    }



    .mean-container a.meanmenu-reveal span {

        background: #fff none repeat scroll 0 0;

    }



    .menu__btn {

        justify-content: flex-start;

    }



    .menumenu__container {

        padding: 0 25px;

    }



    .htc__about__thumb {

        text-align: center;

    }



    .title__line::before {

        height: 130%;

        width: 47%;

    }



    .section__title p {

        width: 89%;

    }



    .testimonial__inner p {

        font-size: 26px;

        width: 100%;

    }



    .ht__call__wrap h2 {

        font-size: 27px;

    }



    .htc__faq__area {

        padding-bottom: 0;

    }



    .faq__thumb {

        margin: 40px auto 0;

        position: inherit;

        width: 59%;

    }



    .htc__faq__area .section__title p {

        width: 93%;

    }



    .htc__contact__wrap {

        padding: 70px 0px 50px;

    }



    .header__content--wrap::before {

        height: 23%;

    }



    .slider__fixed--height {

        height: 80vh;

    }



    .menu__text {

        align-items: center;

        display: flex;

        height: 74px

    }



    .menu__text a {

        color: #fff;

        font-family: Roboto Slab;

        font-size: 28px;

        padding-bottom: 4px;

    }



    .gallery {

        grid-template-columns: repeat(2, 1fr) !important;

        width: 86% !important;



    }



    .htc__faq__area .title__line::before {

        height: 207%;

        width: 46%;

    }



    .container #calltoaction {

        justify-content: space-around;

    }



    .mobdisplay {

        display: block;

    }



    #product1,

    #product2,

    #product3,

    #product4,

    #product5 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #product1 .htc__about__inner h2,

    #product2 .htc__about__inner h2,

    #product3 .htc__about__inner h2,

    #product4 .htc__about__inner h2,

    #product5 .htc__about__inner h2 {

        margin-bottom: 0 !important;

    }



    #blog1,

    #blog2,

    #blog3 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #blog1 .mt--70,

    #blog3 .mt--70 {

        flex-direction: column;

    }



    #blog2 .mt--70 {

        flex-direction: column-reverse;

    }



    #blog1 .mt--70 .col-md-6,

    #blog2 .mt--70 .col-md-6,

    #blog3 .mt--70 .col-md-6 {

        flex: 0 0 auto;

        width: 100%;

    }



    #blogs .mt--70 #tmimg {

        justify-content: center !important;

    }



    #blogs .mt--70 .col-lg-6 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .slide-head {

        font-size: 96%;

    }







}



@media (min-width) {

    .main__menu {

        display: flex !important;

        justify-content: center;

    }

}





@media (min-width: 576px) and (max-width: 767px) {



    #product1 .col-md-6,

    #product2 .col-md-6,

    #product3 .col-md-6,

    #product4 .col-md-6,

    #product5 .col-md-6 {

        flex: 0 0 auto;

        width: 100% !important;

    }



    #tmimg {

        display: flex;

        justify-content: center !important;

    }



    #product1 .col-md-6,

    #product2 .col-md-6,

    #product3 .col-md-6,

    #product4 .col-md-6,

    #product5 .col-md-6 {

        padding-left: 0 !important;

        padding-right: 0 !important;

        padding-top: 0 !important;

    }



    #product2 .container .row,

    #product5 .container .row {

        flex-direction: column-reverse !important;

    }



    #product1,

    #product2,

    #product3,

    #product4,

    #product5 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #blog1,

    #blog2,

    #blog3 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



}



@media (max-width: 991px) {}





/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {



    .breadtext {
        left: 11% !important;
        top: 42% !important;
    }


    .bdbg3 .breadtext {
        left: 13% !important;
        top: 44% !important;
    }

    .bdbg2 .breadtext {
        left: 5% !important;
        top: 45% !important;
    }

    .bdbg4 .breadtext {
        top: 32% !important;
        left: 10% !important;
    }

    .bdbg4 .bdtext h2 {
        font-size: 58px !important;
    }

    .bdbg6 .bdtext h2 {
        font-size: 58px !important;
        line-height: 1;
    }

    .bdbg5 .breadtext {
        left: 10% !important;
        top: 43% !important;
    }

    .bdbg6 .breadtext {
        left: 11% !important;
        top: 45% !important;
    }



    #mobile_nav {

        display: none;

    }



    #header ul {

        width: 100%;

    }



    .menumenu__container {

        padding: 0 25px;

    }



    .main__menu {

        display: flex !important;

        justify-content: center;

    }



    .main__menu>li>a {

        padding: 0 8px;

        font-size: 1vw;

    }

    .custom-nav{

      bottom: -20%;

    }

    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        width: 900px;

    }



    .blog-container {

        width: 900px !important;

    }



    .blog-card {

        width: 280px;

    }



    .ptb--120 {

        padding: 70px 0 !important;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        min-height: 14rem;

    }



    .ptb--120 {

        padding: 70px 0;

    }



    .container,

    .container-lg,

    .container-md,

    .container-sm {

        width: 90%;

    }



    .testimonial__inner p {

        font-size: 28px;

    }



    .ht__call__wrap {

        padding: 0 23px;

    }



    .faq__thumb {

        left: 67px;

        width: 41%;

    }



    .blog__details {

        padding: 24px 20px;

    }



    .tag__list li a {

        font-size: 14px;

        padding: 0 15px;

    }



    .lst__bl__thumb {

        margin-right: 15px;

    }



    .lst__bl__details h4 {

        font-size: 14px;

    }



    .htc__faq__area .title__line::before {

        height: 147%;

        width: 30%;

    }



    .htc__about__inner h2 {

        font-size: 25px;

        margin-bottom: 12px;

        padding-bottom: 20px;

    }



    .about__btn a.htc__btn {

        margin-bottom: 50px;

    }



    .container #calltoaction {

        justify-content: space-around;

    }



    #header .logo a {

        left: auto;

    }



    #slogan h1 {

        font-size: 26px !important;



    }



    #resume h3 {

        font-size: 85% !important;

    }



    .slide-head {

        font-size: 100%;

    }



    .gallery {

        width: 86% !important;

    }



    .gallery-img {

        height: 300px !important;

    }



}



@media (min-width: 1200px) and (max-width: 1275px) {



    .faq__thumb {

        left: 0;

        width: 45%;

    }



    .htc__faq__area .title__line::before {

        height: 187%;

        width: 41%;

    }



    .main__menu>li>a {

        padding: 0px 10px;

        font-size: 1.02vw;

    }



    .welcome1 {

        padding: 50px 40px 50px 15px;

        margin: -30px;

    }



    .container #calltoaction {

        justify-content: space-around;

    }





    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        max-width: 1080px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        min-height: 18rem;

    }



    #team .container {

        width: 1080px;

    }



    .ptb--120 {

        padding: 85px 0;

    }



    .blog-container {

        width: 1080px;

    }



    #header ul {

        width: 100%;

    }



    .htc__faq__area .section__title p {

        width: 54%;

    }



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 90% !important;

    }



    .section__title p {

        width: 100%;

    }



    #slogan h1 {

        font-size: 30px !important;

    }



    #resume h3 {

        font-size: 85% !important;

    }



}



@media (min-width: 1276px) and (max-width: 1440px) {



    .faq__thumb {

        left: 0;

        width: 45%;

    }

    #form-info{

      padding-top: 0;

    }

    .custom-nav{

      bottom: -3% !important;

    }

    

    .title__line {

        padding-bottom: 0;

    }

    

    #blogs .row {

        padding-bottom: 12px;

    }



/*    .slide-head {

        font-size: 50px;

    }*/



    #why_morash{

      padding: 80px !important;

    }

    .htc__faq__area .title__line::before {

        height: 187%;

        width: 41%;

    }



    .main__menu>li>a {

        padding: 0px 10px;

        font-size: 1.08vw;

    }



    .container #calltoaction {

        justify-content: space-around;

    }



    .welcome1 {

        padding: 50px 40px 50px 15px;

        margin: -30px;

    }





    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        max-width: 1080px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        min-height: 18rem;

    }



    #team .container {

        width: 1080px;

    }



    .ptb--120 {

        padding: 60px 0;

    }



    .blog-container {

        width: 1080px;

    }



    #header ul {

        width: 100%;

    }



    .htc__faq__area .section__title p {

        width: 54%;

    }



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1199px !important;

    }



    .section__title p {

        width: 100%;

    }



    .footer-quick {

        width: 18%;

    }

    

    .breadcrum .bdtext h2 {

        left: 50px !important;

    }





}





/* Large screen desktop */

@media (min-width: 1366px) and (max-width: 1500px) {

    .container #calltoaction {

        justify-content: space-around;

    }

}



@media (min-width: 1001px) and (max-width: 3500px) {

    .mobdisplay {

        display: none;

    }

}











@media (min-width: 1441px) and (max-width: 1700px) {

    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        width: 1280px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .field--name-paragraph-product-feature .paragraph--type--product-feature-category {

        min-height: 20rem;

    }



    #team .container {

        width: 1280px;

    }



    .ptb--120 {

        padding: 85px 0;

    }



    .blog-container {

        width: 1280px;

    }



    #header ul {

        width: 103%;

    }



    .htc__faq__area .section__title p {

        width: 54%;

    }



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1399px !important;

    }



    .section__title p {

        width: 100%;

    }



}







@media (min-width: 300px) and (max-width: 1001px) {

    .mobdisplay {

        display: block;

    }



    .menumenu__container {

        /*    display: none;*/

    }



}



@media (min-width: 1280px) {

    .custom-nav {

        display: block !important;

    }

    

}



@media (max-width: 480px) {

    .breadcrum {

    flex-direction: column;

}

.uspmob {
    display: block !important;
}

.uspdtop {
    display: none !important;
}



.bdtext {

    width: 100%;

}



.breadcrum .bdtext h2 {

    left: 0 !important;

}



.bdtext h2 {

    font-size: 50px !important;

}



.rotateimage {

    width: 100%;

}



button.banner-btn {

    display: none;

}



button#bannerbtn {

    padding-top: 10px !important;

    margin-top: 16px;

}



.prod-tabs .tab-btns .tab-btn {

    display: block;

}



.prod-tabs .tabs-container .tab {

    padding: 20px 15px;

}



.buttons-column.col-lg-3.col-md-4.col-sm-4.col-xs-12 {

    display: table;
    margin-top: -60px;

}

.bgrotate {
    left: 50%;
}






}







@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .bdbg2 .breadtext {
        left: 17%;
    }

    .bdbg3 .breadtext {
        left: 20%;
    }

    .bdbg4 .breadtext {
        top: 39%;
        left: 10%;
        width: 30%;
    }

    .bdbg5 .breadtext {
        left: 19%;
    }

    .breadtext {
        left: 19%;
    }

    .bdbg6 .breadtext {
        left: 18%;
    }

}

@media (max-width: 480px) {
        #breadcrum .bdtext h2 {
            font-size: 30px !important;
        }
        
        .breadtext {
            top: 32%;
            left: 8%;
        }
        
        .bdbg2 .breadtext {
            left: 5%;
            top: 34%;
        }
        
        #breadcrum.bdbg2 .bdtext h2 {
            font-size: 25px !important;
        }
        
        .bdbg3 .breadtext {
            left: 11%;
        }
        
        .bdbg4 .breadtext {
            top: 24%;
            left: 10%;
        }
        
        #breadcrum.bdbg4 .bdtext h2 {
            font-size: 23px !important;
        }
        
        .bdbg5 .breadtext {
            top: 33%;
            left: 7%;
        }
        
        .bdbg6 .breadtext {
            left: 5%;
            top: 33%;
        }

}