@media screen and (max-width: 767px) {
    body{
        overflow-x: hidden;
    }
    .row.portfolio-filter,	
    .portfolio-page .portfolio-filter{
        margin-right: -15px
    }
    .bottom-sm-30{margin-bottom: 30px!important}
    .bottom-sm-20{margin-bottom: 20px!important}
    .bottom-sm-10{margin-bottom: 10px!important}
    .bottom-xs-60{margin-bottom: 60px!important}
    .bottom-xs-30{margin-bottom: 30px!important}
    .bottom-xs-20{margin-bottom: 20px!important}
    .bottom-xs-10{margin-bottom: 10px!important}

    .top-xs-30{margin-top: 30px!important}
    .top-xs-20{margin-top: 20px!important}
    .top-xs-10{margin-top: 10px!important}
    .top-sm-30{margin-top: 30px!important}
    .top-sm-20{margin-top: 20px!important}
    .top-sm-10{margin-top: 10px!important}

    .text-sm-center{text-align: center !important}
    .text-sm-left{text-align: left !important}
    .text-sm-right{text-align: right !important}
    .text-xs-center{text-align: center !important}
    .text-xs-left{text-align: left !important}
    .text-xs-right{text-align: right !important}


    .pricing-item{
        margin-top: 0px
    }
    .pricing-item .badge{
        right: 10px;
    }
    .blog-timeline:before {
        display: none;
    }
    .blog-timeline > li .timeline-time {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .blog-timeline > li .timeline-time span {
        text-align: left;
    }
    .blog-timeline > li .timeline-content {
        margin: 0 0 30px 0;
        padding: 20px;
        font-weight: 400;
        font-size: 95%;
    }
    .blog-timeline > li .timeline-content:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
    .blog-timeline > li:nth-child(odd) .timeline-content:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
    .blog-timeline > li .timeline-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -70px 0px 0 0px;
    }
    .pagenavi.offset{
        padding-left: 0
    }

    .tabs-side.right .tabNavigation,
    .tabs-side .tabNavigation{
        width: auto;
        float: none;
    }
    .tabs-side.right .tabs-container,
    .tabs-side .tabs-container{
        padding-left: 0;
        padding-right: 0;
    }
    .tabs-side.right .tabNavigation{
        text-align: left;
    }
    .tabs-side.right .tabNavigation li i.fa-arrow-circle-left{
        float: right;
    }
    .tabs-side .tabNavigation li i:before{
        content: '\f13a'
    }
    .tabs-side.right .tabNavigation li i {
        margin: 4px 0 0 0;
    }
    .callout-action{
        float: none !important;
    }
    .posts .blog-meta span{
        display: block;
    }
    .prenex-post .previous-post,
    .prenex-post .next-post{
        text-align: center;
    }
    #header #mainheader.fixedheader.affix{
        position: relative;
        padding: 30px 0;
        background: #fff;
    }
    .portfolio-content:after,
    .portfolio-content:before{
        display: none;
    }
    .credit{
        text-align: center;
    }
    #sidebar-content #content,
    #sidebar-content #sidebar{
        float: none;
    }

    .portfolio-filter-nav-hr li{
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .portfolio-filter-nav-hr li a{
        display: block;
        padding: 5px 30px;
        border: 2px solid #f1f1f1;
    }
    .portfolio-filter-nav-hr li a i{
        position: absolute;
        left: 13px;
        top: 13px;
    }

    .icon-list.icon-right i,
    .icon-list.icon-left i{
        float: none;
        display: inline-block;
        margin: 0;
    }

    #customMargin1{
        margin-top: -50px!important;
    }

    .icon-list.icon-left li{
        text-align: left!important;
	margin-bottom: auto;
    }

    .tp-caption.medium {
        font-size: 7px!important;
    }

    .menu-normal a{
        color: #fff!important;
    }

    .submenu{
        background-color: #9c2d3d!important;
        color: #fff;
    }

    .menu-normal a{
        font-size: 18px;
    }

    .container{
        font-size: 17px;
    }
    .customDiv{
        text-align: center;
    }

    .testimonial:before{
        left: 46%;
    }
    #breadcrumbExtra a{
        font-size: 11px;
    }

    #breadcrumbExtra{
        text-align: center;
        float: none!important;
        display: block;
        margin-top: 20px;
    }

    #breadcrumbExtra p{
        display: inline-block;
        font-size: 11px;
    }

    .accordion .accordion-item .accordion-body{
        font-size: 15px;
    }

    .accordion-title a{
        font-size: 15px;

    }

    .tabNavigation li a{
        font-size: 15px!important;
    }

    .heading-title a{
        font-size: 15px;
    }

    #customTabel{
        width: 100%;
    }

    #topbar {
        display: none;
    }
    #gdprBtnReject, 
    #gdprBtnPreferences,
    #gdprBtnAccept{
        width:100%;
        text-align:center;
    }
    #cookiebar {
        width: 95% !important;
        max-height: 70%;
        top:10%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bottom-sm-30{margin-bottom: 30px!important}
    .bottom-sm-20{margin-bottom: 20px!important}
    .bottom-sm-10{margin-bottom: 10px!important}

    .text-sm-center{text-align: center !important}
    .text-sm-left{text-align: left !important}
    .text-sm-right{text-align: right !important}

    .blog-timeline:before {
        display: none;
    }
    .blog-timeline > li .timeline-time {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .blog-timeline > li .timeline-time span {
        text-align: left;
    }
    .blog-timeline > li .timeline-content {
        margin: 0 0 30px 0;
        padding: 20px;
        font-weight: 400;
        font-size: 95%;
    }
    .blog-timeline > li .timeline-content:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
    .blog-timeline > li:nth-child(odd) .timeline-content:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
    .blog-timeline > li .timeline-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -70px 0px 0 0px;
    }
    .pagenavi.offset{
        padding-left: 0
    }

    #topbar .container{
        font-size: 8px!important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    p,li{
        font-size: 15px;
    }

    #topbar .container{
        font-size: 8px!important;
    }

    #header #mainheader .logo-area .logo{
        width: 100px;
    }

    .logo img{
        height: auto;
    }

    #header #mainheader.fixedheader.affix{
        padding-top:0px;
    }

    h3{
        font-size: 15px;
    }

    .servicebox-content p{
        font-size: 13px;
        margin: -10px;
    }

    #footer .widget-area .widget-title, #logoFooter p, #footer .credit .links li a,#footer .credit p{
        font-size: 12px;
    }
    #breadcrumb ul li{
        font-size: 10px;
    }

    #heading h2{
        font-size: 11px;
    }

    #heading{
        padding: 15px 0px;
    }

    .widget-area .widget.widget-posts li .entry-title a{
        font-size: 15px;
    }

    #mobile-menu .mobile-menu li li a{
        font-size: 11px;
    }

    #mobile-menu .mobile-menu li a{
        font-size:12px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .bottom-sm-30{margin-bottom: 30px!important}
    .bottom-sm-20{margin-bottom: 20px!important}
    .bottom-sm-10{margin-bottom: 10px!important}

    .text-sm-center{text-align: center !important}
    .text-sm-left{text-align: left !important}
    .text-sm-right{text-align: right !important}

    .blog-timeline:before {
        display: none;
    }
    .blog-timeline > li .timeline-time {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .blog-timeline > li .timeline-time span {
        text-align: left;
    }
    .blog-timeline > li .timeline-content {
        margin: 0 0 30px 0;
        padding: 20px;
        font-weight: 400;
        font-size: 95%;
    }
    .blog-timeline > li .timeline-content:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
    .blog-timeline > li:nth-child(odd) .timeline-content:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
    .blog-timeline > li .timeline-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -70px 0px 0 0px;
    }
    .pagenavi.offset{
        padding-left: 0
    }

    #topbar .container{
        font-size: 8px!important;
    }

}

@media (max-width: 990px){
    p,li{
        font-size: 15px;
    }
    #topbar .container{
        font-size: 8px!important;
    }

    #header #mainheader .logo-area .logo{
        width: 100px;
    }

    .logo img{
        height: auto;
    }

    #header #mainheader.fixedheader.affix{
        padding-top:0px;
    }

    h3{
        font-size: 15px;
    }

    .servicebox-content p{
        font-size: 13px;
        margin: -10px;
    }

    #footer .widget-area .widget-title, #logoFooter p, #footer .credit .links li a,#footer .credit p{
        font-size: 12px;
    }
    #breadcrumb ul li{
        font-size: 10px;
    }

    #heading h2{
        font-size: 11px;
    }

    #heading{
        padding: 15px 0px;
    }

    .widget-area .widget.widget-posts li .entry-title a{
        font-size: 15px;
    }

    #mobile-menu .mobile-menu li li a{
        font-size: 11px;
    }

    #mobile-menu .mobile-menu li a{
        font-size:12px;
    }

    #customTabel2{
        width: 65%!important;
    }

    #EnRo{
        font-size: 12px;
    }

    .visible-xs {
        display: block!important;
    }

    .topbar{
        display: none!important;;
    }

    #cookie-table p {
        font-size:10px!important;
    }

    #cookie-table h5 {
        font-size:11px!important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bottom-md-30{margin-bottom: 30px!important}
    .bottom-md-20{margin-bottom: 20px!important}
    .bottom-md-10{margin-bottom: 10px!important}
    .infolink{
        padding: 20px
    }

    p,li{
        font-size: 15px;
    }
    #topbar .container{
        font-size: 8px!important;
    }

    #header #mainheader .logo-area .logo{
        width: 100px;
    }

    .logo img{
        height: auto;
    }

    #header #mainheader.fixedheader.affix{
        padding-top:0px;
    }

    h3{
        font-size: 15px;
    }

    .servicebox-content p{
        font-size: 13px;
        margin: -10px;
    }

    #footer .widget-area .widget-title, #logoFooter p, #footer .credit .links li a,#footer .credit p{
        font-size: 12px;
    }
    #breadcrumb ul li{
        font-size: 10px;
    }

    #heading h2{
        font-size: 14px;
    }

    #heading{
        padding: 15px 0px;
    }

    .widget-area .widget.widget-posts li .entry-title a{
        font-size: 15px;
    }

    #customTabel2{
        width: 65%!important;
    }

    #EnRo{
        font-size: 12px;
    }

    .visible-xs {
        display: block;
    }

    .topbar{
        display: none!important;;
    }
    #mobile-menu .visible-xs {
        display: none!important;
    }

    #cookie-table .p {
        font-size:10px;
    }

    .custom-head {
        margin: 0px;
        font-size: 15px;
    }     

    #heading {
        margin-top: 28px;
    }
}
@media (min-width: 1200px) {
    .bottom-lg-30{margin-bottom: 30px!important}
    .bottom-lg-20{margin-bottom: 20px!important}
    .bottom-lg-10{margin-bottom: 10px!important}
}