@media(min-width:767px) and (max-width:1024px){
    .section-title{
        font-size:40px
    }
    .hero-area .contents h2{
        font-size:36px
    }
    .small-title{
        font-size:20px
    }
    .social-links-bordered a i{
        width:40px;
        height:40px;
        line-height:40px
    }
    .input-lg{
        font-size: 18px;
    }
    .full-search input[type=text]{
        width:96%
    }
    #roof .quick-contacts span{
        padding:0 10px
    }
    #roof .social-links a{
        margin:0 2px
    }
    .navbar-engage .navbar-nav>li>a,.navbar-engage.affix .navbar-nav>li>a,.navbar-engage .navbar-nav>li>a:focus,.navbar-engage.affix .navbar-nav>li>a:focus{
        /* font-size:12px; */
        padding:0;
        margin:20px 10px
    }
    .navbar-engage .navbar-brand img,.navbar-engage.affix .navbar-brand img{
        width:100px
    }
    .navbar-engage .dropdown-menu>li>a,.navbar-engage.affix .dropdown-menu>li>a{
        font-size:12px
    }
    .navbar-engage .navbar-nav>li>a:before{
        bottom:0
    }
    .navbar-engage.affix .navbar-nav>li>a:before{
        bottom:0
    }
    .navbar-engage.affix .navbar-brand{
        padding:15px
    }
    .top-nav-collapse #main-menu ul>li>a{
        padding:17px 16px
    }
    .top_search_con{
        /* display:none */
    }
    .content-inner{
        margin-bottom:30px
    }
    #carousel-area .item{
        height:400px
    }
    #carousel-area .item .carousel-caption h2{
        font-size:50px
    }
    #carousel-area .item .carousel-caption h3{
        font-size:20px
    }
    #carousel-area .carousel-control i{
        width:40px;
        height:40px;
        padding:12px 0;
        font-size: 18px
    }
    #service-block-main .service-item{
        margin:20px 0
    }
    #service-block-main .service-item h2{
        font-size:18px
    }
    #service-block-1 .service-item .service-content h2{
        font-size:26px;
        line-height: 22px;
    }
    .split h2.title{
        font-size:18px
    }
    #portfolio .portfolio-items .mix,#portfolio .portfolio-items .gap{
        width:50%
    }
    #portfolio .portfolio-items figure figcaption{
        padding:32px
    }
    #portfolio .portfolio-items.col-3 .mix,#portfolio .portfolio-items.col-3 .gap{
        width:50%
    }
    .about-2 .content-box{
        margin-bottom:30px
    }
    #other-services .other-service-item .service-content h3{
        font-size:18px
    }
    #progress{
        overflow-x:hidden
    }
    #progress .our-progress:before{
        background:0 0
    }
    #progress .progress-bottom{
        padding-bottom:0;
        padding-top:0
    }
    #progress .progress-item{
        margin:30px 0
    }
    #notice h4{
        font-size:30px
    }
    #notice p{
        font-size:20px
    }
    #notice .notice-button{
        margin-top:15px
    }
    #cool-facts .fact-block{
        margin:30px 0
    }
    #cool-facts .section-subtitle{
        padding-bottom:30px;
        font-size:24px
    }
    #blog .blog-item-wrapper{
        margin:30px 0
    }
    #blog .blog-item-text .blog-item-info a{
        padding-right:6px
    }
    #team .team-item{
        margin:15px 0
    }
    #team .info h2{
        font-size: 18px
    }
    .pricing-table{
        margin:15px 0
    }
    .pricing-table h3{
        font-size:24px
    }
    footer .footer-widget{
        margin:30px 0
    }
    #service-block-2 .service-inner h3{
        font-size:24px
    }
    #why-choose h2,#why-choose .tab-container h2{
        font-size:24px
    }
    .social-icons-fill li{
        margin-right:1px
    }
    .massage-box .massage-box-icon{
        height:60px
    }
    #tabs .tab-content h1{
        font-size:24px
    }
    .footer-area .footer-titel{
        margin-top:20px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .section-title{
        font-size:36px
    }
    .page-header .page-subtitle{
        font-size:18px
    }
    .hero-area .contents h2{
        font-size:26px
    }
    .hero-area .contents{
        padding:110px 0 0
    }
    .btn,button{
        padding:8px 16px
    }
    .intro-img{
        padding:70px 0 0
    }
    .navbar-header{
        width:100%
    }
    .navbar-engage .dropdown .sub-menu{
        top:0;
        left:0!important;
        padding:0;
        border:none;
        -webkit-animation:fadeInUpMenu .4s;
        -moz-animation:fadeInUpMenu .4s;
        -ms-animation:fadeInUpMenu .4s;
        -o-animation:fadeInUpMenu .4s;
        animation:fadeInUpMenu .4s
    }
    #carousel-area{
        padding-top:64px
    }
    #carousel-area .item{
        height:300px
    }
    #carousel-area .item .carousel-caption h2{
        font-size:30px
    }
    #carousel-area .item .carousel-caption h3{
        font-size:18px
    }
    #carousel-area .item .carousel-caption .btn{
        margin:5px
    }
    #carousel-area .carousel-control i{
        width:40px;
        height:40px;
        padding:12px 0;
        font-size: 18px
    }
    #carousel-area .carousel-indicators{
        display:none
    }
    #carousel-area .carousel-two p{
        display:none
    }
    .about-2 .content-box{
        margin-bottom:30px
    }
    #service-block-main .service-item h2{
        font-size:16px
    }
    .content-inner{
        margin-bottom:30px
    }
    #portfolio .portfolio-items .mix,#portfolio .portfolio-items .gap{
        width:50%
    }
    #portfolio .portfolio-items .mix figure h4,#portfolio .portfolio-items .gap figure h4,#portfolio .portfolio-items .mix figure figcaption::after,#portfolio .portfolio-items .gap figure figcaption::after,#portfolio .portfolio-items .mix figure figcaption::before,#portfolio .portfolio-items .gap figure figcaption::before{
        display:none
    }
    #portfolio .portfolio-items figure figcaption{
        padding:10px
    }
    #portfolio .controls .btn{
        margin:5px 2px
    }
    #portfolio .portfolio-items.col-3 .mix,#portfolio .portfolio-items.col-3 .gap{
        width:50%
    }
    #portfolio .portfolio-items.col-3 .mix figure h4,#portfolio .portfolio-items.col-3 .gap figure h4,#portfolio .portfolio-items.col-3 .mix figure figcaption::after,#portfolio .portfolio-items.col-3 .gap figure figcaption::after,#portfolio .portfolio-items.col-3 .mix figure figcaption::before,#portfolio .portfolio-items.col-3 .gap figure figcaption::before{
        display:none
    }
    #portfolio .portfolio-items figure figcaption{
        padding:25px
    }
    #portfolio .controls .btn{
        margin:5px 2px
    }
    #progress{
        overflow-x:hidden
    }
    #progress .our-progress:before{
        background:0 0
    }
    #progress .progress-bottom{
        padding-bottom:0;
        padding-top:0
    }
    #progress .progress-item{
        margin:30px 0
    }
    #testimonial #testimonial-carousel p{
        font-size:20px
    }
    #testimonial #testimonial-carousel .carousel-control.left{
        left:15px
    }
    #testimonial #testimonial-carousel .carousel-control.right{
        right:15px
    }
    #testimonial .item blockquote small span{
        display:block;
        line-height:40px
    }
    #blog .blog-item-wrapper{
        margin:15px 0
    }
    #clients #clients-scroller img{
        width:80%;
        margin-left:34px
    }
    #team .team-item{
        margin:15px 0
    }
    .pricing-table{
        margin:15px 0
    }
    .pricing-table h3{
        font-size:24px
    }
    #tabs .nav-tabs li a{
        /* font-size:12px; */
        padding:10px 12px
    }
    #why-choose .tab-container h2{
        font-size:26px
    }
    #why-choose .tab-menu .list-group{
        width:536px;
        margin:40px 8px;
        float:left
    }
    #why-choose .tab-menu .list-group>a{
        float:left;
        margin:0 8px
    }
    .page-header-content h2{
        text-align:center
    }
}
@media(min-width:320px) and (max-width:480px){
    .section-title{
        font-size:26px;
        line-height:45px
    }
    .section-title:before{
        display:none
    }
    .section-subcontent{
        padding-bottom:0
    }
    #carousel-area .carousel-item .carousel-caption{
        top:7%
    }
    #carousel-area .carousel-two p{
        display:none
    }
    .small-title{
        font-size:25px
    }
    .content-inner{
        margin-bottom:30px
    }
    #portfolios .btn{
        padding:6px 13px;
        margin-bottom:5px
    }
    .social-links-bordered a i{
        width:40px;
        height:40px;
        line-height:40px
    }
    .navbar-header{
        width:100%
    }
    .page-header .page-title{
        font-size:20px
    }
    .page-header .page-subtitle{
        font-size:18px
    }
    .input-lg{
        font-size: 18px
    }
    #roof .quick-contacts span{
        padding:0 10px
    }
    #roof .social-links a{
        margin:0 2px
    }
    .justify-content-end{
        justify-content:flex-start!important
    }
    #carousel-area{
        padding-top:64px
    }
    #carousel-area .item{
        height:300px
    }
    #carousel-area .item .carousel-caption h2{
        font-size:30px
    }
    #carousel-area .item .carousel-caption h3{
        font-size:20px
    }
    #carousel-area .item .carousel-caption .btn{
        margin:5px
    }
    #carousel-area .carousel-control i{
        width:40px;
        height:40px;
        padding:12px 0;
        font-size: 18px
    }
    #carousel-area .carousel-indicators{
        display:none
    }
    #service-block-main .service-item{
        margin:20px 0
    }
    #service-block-main .service-item h2{
        font-size:18px
    }
    #service-block-1 .service-item .service-content h2{
        font-size:22px
    }
    #portfolio .portfolio-items .mix,#portfolio .portfolio-items .gap{
        width:100%
    }
    #portfolio .portfolio-items .mix figure h4,#portfolio .portfolio-items .gap figure h4,#portfolio .portfolio-items .mix figure figcaption::after,#portfolio .portfolio-items .gap figure figcaption::after,#portfolio .portfolio-items .mix figure figcaption::before,#portfolio .portfolio-items .gap figure figcaption::before{
        display:none
    }
    #portfolio .portfolio-items figure figcaption{
        padding:36px
    }
    #portfolio .controls .btn{
        margin:5px 2px
    }
    #portfolio .portfolio-items.col-3 .mix,#portfolio .portfolio-items.col-3 .gap{
        width:100%
    }
    #portfolio .portfolio-items.col-3 .mix figure h4,#portfolio .portfolio-items.col-3 .gap figure h4,#portfolio .portfolio-items.col-3 .mix figure figcaption::after,#portfolio .portfolio-items.col-3 .gap figure figcaption::after,#portfolio .portfolio-items.col-3 .mix figure figcaption::before,#portfolio .portfolio-items.col-3 .gap figure figcaption::before{
        display:none
    }
    #portfolio .portfolio-items figure figcaption{
        padding:25px
    }
    #portfolio .controls .btn{
        margin:5px 2px
    }
    #other-services .other-service-item .service-content h3{
        font-size: 18px
    }
    #progress{
        overflow-x:hidden
    }
    #progress .our-progress:before{
        background:0 0
    }
    #progress .progress-bottom{
        padding-bottom:0;
        padding-top:0
    }
    #progress .progress-item{
        margin:30px 0
    }
    #notice h4{
        font-size:18px
    }
    #notice p{
        font-size:16px
    }
    #notice .notice-button{
        margin-top:15px
    }
    #cool-facts .fact-block{
        margin:30px 0
    }
    #cool-facts .section-subtitle{
        padding-bottom:30px;
        font-size:24px
    }
    #cool-facts .wrapper h2{
        font-size:20px
    }
    #testimonial #testimonial-carousel p{
        font-size:20px
    }
    #testimonial #testimonial-carousel .carousel-control.left{
        left:15px
    }
    #testimonial #testimonial-carousel .carousel-control.right{
        right:15px
    }
    #testimonial .item blockquote small span{
        display:block;
        line-height:40px
    }
    #cool-facts .fact-block h4{
        font-size:20px;
        line-height:40px
    }
    #blog .blog-item-wrapper{
        margin:15px 0
    }
    #blog .blog-item-text .blog-item-info a{
        padding-right:6px
    }
    .blog-post-title{
        font-size:20px
    }
    .blog-post-footer ul.post-meta{
        display:none
    }
    #clients #clients-scroller .client-item-wrapper{
        text-align:center
    }
    #clients #clients-scroller .owl-controls{
        display:none
    }
    .pricing-table{
        margin:15px 0
    }
    .pricing-table h3{
        font-size:24px
    }
    #team .team-item{
        margin:15px 0
    }
    .copyright-text{
        float:left!important
    }
    .social-icons-fill li{
        margin:0 16px 0 0
    }
    #why-choose .tab-container h2{
        font-size:28px
    }
    #why-choose .list-group-item{
        width:362%;
        margin:40px 15px
    }
    .navbar-nav .nav-item+.nav-item{
        margin-left:0
    }
    #main-menu{
        clear:both
    }
    .page-header-content h2{
        text-align:center
    }
    .social-footer{
        text-align:left!important
    }
    .footer-area .footer-titel{
        margin-top:20px
    }
}
@media(max-width:767px){
    .carousel-item>img{
        height:100%;
        width:100%
    }
    #carousel-area{
        padding-top:0;
    }
    #carousel-area .carousel-item .carousel-caption h2{
        font-size:16px
    }
    #carousel-area .carousel-item .carousel-caption h3{
        font-size:12px
    }
    #carousel-area .carousel-item .carousel-caption .btn{
        margin:auto;
        font-size:9px;
        margin-top:5px;
        padding:8px 12px
    }
    #carousel-area .carousel-control{
        top:58%;
        display:none
    }
    #carousel-area:hover .carousel-control{
        display:block
    }
    #carousel-area .carousel-indicators{
        bottom:-8px
    }
    #carousel-area i{
        margin-right:0
    }
    #carousel-area .carousel-item .carousel-caption{
        top:23%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    #main-menu ul>li>a{
        font-size:13px;
        font-weight:400;
        padding:28px 10px
    }
    #main-menu ul .dropdown .dropdown-menu a{
        border-top:1px solid #e2e6e7;
        color:#666;
        display:block;
        /* font-size:12px; */
        font-weight:400;
        height:auto;
        line-height:16px;
        padding:9px 19px 7px;
        transition:all .3s ease-in-out 0s
    }
    #carousel-area .carousel-item .carousel-caption h2{
        font-size:50px
    }
    #carousel-area .carousel-item .carousel-caption h3{
        font-size:20px
    }
    #carousel-area img{
        height:100%
    }
    .service-item h2{
        font-size: 18px!important
    }
    .top_search{
        display:none
    }
    .pricing-table-x .plan-info p{
        font-size:12px
    }
    #team .team-item figure figcaption .content-white{
        font-size:9px;
        line-height:12px;
        width:60%
    }
    #team .team-item .social .facebook,#team .team-item .social .twitter,#team .team-item .social .google-plus{
        font-size:8px;
        height:25px;
        line-height:25px;
        width:25px
    }
    .section-title{
        font-size:24px!important
    }
    .footer-widget p{
        font-size:12px
    }
    .social-footer a .fa{
        height:25px;
        line-height:25px;
        width:25px
    }
    footer .plain-flicker-gallery a{
        width:31%
    }
    footer ul li.tweet{
        font-size:12px!important
    }
    #copyright p,#copyright a{
        font-size:10px!important
    }
    .single-pricing-2 .btn{
        padding:10px 15px;
        font-size:10px
    }
    .single-pricing-2 .plan-price{
        font-size:35px
    }
    .single-pricing-2 ul li{
        font-size:12px
    }
    ul.nav-tabs li a{
        font-size:11px
    }
    .btn-lg{
        padding:12px 20px
    }
    .btn-md{
        padding:12px 14px
    }
    .pricing-table h3{
        font-size:20px!important
    }
    .single-pricing-2 .plan-name{
        font-size:18px
    }
    .sup-desc-wrap .sup-meta-wrap .sup-description{
        display:none
    }
    .portfolio-meta ul li{
        font-size:10px
    }
    .portfolio-meta ul li span{
        font-size:10px;
        width:78px
    }
    span.published-time{
        font-size:10px
    }
    .widget.popular-post h4{
        font-size:12px
    }
    .flickr-widget .plain-flicker-gallery a img{
        width:31%
    }
    .widget.tag-cloud a{
        font-size:8px
    }
    .panel-default .panel-heading a{
        font-size:16px
    }
}
@media(max-width:767px){
    .nav-inline .nav-item+.nav-item{
        margin-left:0;
        float:none
    }
    #main-menu{
        clear:both;
        width:100%
    }
    #main-menu ul .dropdown .dropdown-menu{
        display:block;
        position:relative;
        width:100%
    }
    nav.navbar.navbar-light{
        min-height:73px
    }
    nav.navbar.navbar-light button.navbar-toggler{
        background:#333 none repeat scroll 0 0;
        border-radius:0!important;
        margin-top:17px
    }
    nav.navbar.navbar-light ul.nav-inline{
        max-height:350px;
        overflow-x:scroll;
        margin-top:20px
    }
    nav.navbar.navbar-light ul.nav-inline .nav-item{
        display:block
    }
    #roof{
        display:none
    }
    #main-menu ul>li>a{
        font-size:12px!important;
        padding:18px 10px
    }
    .page-header-content h2{
        text-align:center
    }
    .footer-widget{
        margin-bottom:30px
    }
    .carousel-item>img{
        height:100%!important
    }
    #carousel-area .carousel-item .carousel-caption h2{
        font-size:20px;
        font-weight:500
    }
    #carousel-area .carousel-item .carousel-caption h3{
        font-size:16px
    }
    .btn-lg{
        /*font-size:10px;*/
        padding:10px 16px;
        text-transform:uppercase
    }
    .section-title{
        font-size:18px
    }
    .section-subcontent{
        /* font-size:12px; */
        line-height:17px
    }
    #portfolio a.filter{
        /* font-size:10px; */
        margin:5px;
        padding:5px 11px
    }
    .controls{
        padding:0
    }
    .pricing-table-x .table-header h3{
        font-size:18px
    }
    .plan-info>p{
        font-size:12px!important
    }
    .pricing-table-x .button-area{
        padding:14px 0 40px
    }
    .service2-single-service .fa{
        font-size:18px;
        height:45px;
        line-height:45px;
        width:45px
    }
    .service2-single-service h2{
        font-size: 18px
    }
    .service2-single-service p{
        font-size:11px
    }
    .images{
        text-align:center
    }
    .split h2.title{
        font-size:16px;
        line-height:24px
    }
    #other-services .service-content p{
        font-size:12px
    }
    #other-services .service-content p.lead{
        /* font-size:12px; */
        line-height:28px;
        margin-bottom:7px
    }
    .about2-intro-image{
        margin-bottom:10px
    }
    #default-tab li.nav-item a.nav-link{
        padding:5px;
        font-size:12px
    }
    .single-testimonial-area h3{
        font-size:18px;
        line-height:25px
    }
    .single-testimonial-area p{
        font-size:12px
    }
    .section{
        padding:30px 15px
    }
    .page-header-area{
        height:86px
    }
    .page-header-content h2{
        font-size:28px
    }
    .cta-content h2{
        font-size:2rem;
        line-height:2rem
    }
    .cta-content p{
        /* font-size:12px; */
        line-height:18px;
        padding-top:5px
    }
    .cta-content .btn{
        /* font-size:12px; */
        margin-top:0;
        padding:7px 12px
    }
    #google-map-contact{
        height:200px;
        padding:0
    }
    .section-padding{
        padding:60px 0
    }
    .contact-title-text h2{
        font-size:30px
    }
    .contact-title-text p{
        font-size: 18px
    }
    .contact-widget h2{
        margin-bottom:10px;
        font-size:20px
    }
    .contact-widget address{
        line-height:35px;
        font-size:12px
    }
    .error-section h1{
        font-size:4rem
    }
    .error-section h4{
        font-size:16px
    }
    #round-tab ul li a{
        /* font-size:12px; */
        padding:6px!important
    }
    #vertical-tab .nav-tabs,#vertical-tab .tab-content{
        vertical-align:top;
        display:inherit
    }
    #vertical-tab ul.nav-tabs{
        margin-bottom:20px
    }
    #vertical-tab ul.nav-tabs li a{
        /* font-size:12px; */
        padding:12px 40px
    }
    #vertical-tab p{
        font-size:13px;
        line-height:23px!important
    }
    .shortcode-buttons-area .col-md-3,.shortcode-pie-skill-area .col-md-6{
        margin:30px 0
    }
    .single-portfolio-area .small-title{
        margin-top:30px
    }
    .portfolio-controls ul li a.btn{
        padding:5px 30px
    }
    .featured-wrapper img{
        height:200px
    }
    .blog-post-footer ul li a{
        padding:4px 12px
    }
    .blog-post-footer a.btn{
        margin-top:10px
    }
    iframe{
        height:200px!important
    }
    ul.pagination a.page-link{
        font-size:10px;
        padding:7px
    }
    .search-bar{
        margin-top:40px
    }
    .sidebar-area .widget{
        margin-bottom:30px
    }
    .about-2 .content-box{
        margin-bottom:30px
    }
    .about-author-section .media-left{
        display:block!important;
        text-align:center
    }
    .about-author-section .media .media-body{
        padding-left:10px;
        text-align:center;
        padding-top:20px
    }
    .author-footer .fa{
        font-size:18px!important;
        height:35px!important;
        line-height:35px!important;
        width:35px!important
    }
    .comments-area .media-left,.comments-area .media-right{
        display:block;
        margin-bottom:5px;
        text-align:center
    }
    .comment-author{
        margin:10px 0
    }
    .commentor-info>p{
        font-size:13px;
        line-height:23px
    }
    .images img{
        width:100%
    }
    .panel-default .panel-heading a{
        font-size: 18px
    }
    .footer-area .footer-titel{
        margin-top:20px
    }
}
@media(min-width:768px) and (max-width:991px){
    .carousel-item>img{
        width:100%
    }
    .hero-area .contents{
        padding:112px 0 0
    }
    .hero-area .contents h2{
        font-size:30px
    }
    #carousel-area .carousel-item .carousel-caption{
        top:35%
    }
    #carousel-area .carousel-item .carousel-caption h2{
        font-size:22px
    }
    #carousel-area .carousel-item .carousel-caption h3{
        font-size:16px
    }
    #carousel-area .carousel-item .carousel-caption .btn{
        margin:auto;
        /* font-size:12px; */
        margin-top:10px;
        padding:10px 15px
    }
    #carousel-area .carousel-indicators{
        bottom:25px
    }
    .footer-area .footer-titel{
        margin-top:20px
    }
}

.navbar-brand img.logo {
    width: auto;
    height: 83px;
    margin-top: -23px;
    margin-left: -28px;
}
@media(max-width:767px){
    .mobile-menu .logo {
        
        margin-left:10px!important;
    }
}
.full-width {
  width: 100%;
}
.collapse {
  transition-property: all;
   transition: 1s;
}
.collapse.show {
  transition-property: all;
   transition: 1s;
}

.pdfobject-container {
    height: 500px;
}
.breadcrumb {
  background-color: #fff;
}


.pagging_div{
	width: 30%;
	margin: 0 auto;
  	text-align: center;
  	display: block;
  	padding-top: 20px;
}

.pagging_section{
  width: 35px;
    height: 35px;
    float: left;
    padding-left: 0;
    margin-left: 5px;
    text-align: center;
    border: solid #F0F0EB 0px;
    color: #B8B8B8;
    line-height: 34px;
}
.pagging_section.prev, .pagging_section.next, .pagging_section.prev a, .pagging_section.next a {
    width: 70px!important;
    border-radius: 21px;
    background:none!important;
    border: none!important;
    float: left;
}

.pages a {
  display: none;
}
.pagging_section a{
  display: block;
float: left;
  width: 35px!important;
  height: 35px!important;
  transition: all .3s ease-in-out!important;
}
.pagging_section a:hover{
  background-color: #8b0000!important;
  color: #ffffff!important;
transition: all .3s ease-in-out!important;
}

.pagging_section_selected{
	background-color: #8b0000!important;
	color: #ffffff;
  border-radius: 35px;
}

.pages {
  /* float: right;
  overflow: hidden;
  margin-left: 15px;
  text-align:center; */
  display: table;
    margin: 0 auto;
    list-style: none;
    background-color: #fff;
    padding: 5px 4px;
    border-radius: 30px;
    border-width: 0;
}
.pages .pages-content {display:inline-block;}
.pages ol { float:left;}
.pages strong {
  float:left; line-height:25px;  margin-right:8px;
}


.pages li {
  float: left;
  margin-right:5px;
}

.pages a,
.pages .current,
.pages li >span  {
  width:35px;
  height:35px;
  border-radius:100%;
  text-align:center;
  line-height:33px;
  border:solid 1px #E6E6E6;
  color:#767676;
  font-size: 18px;
  font-family: 'Kanit', sans-serif;
  /* display:block; */
}
.pages a:hover,
.pages .current,
.pages .current:hover {
  color: #fff;
  background-color:#8b0000;
  border-color:#8b0000;
  text-decoration:none;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
  background:url(../../skin/frontend/gibthai/default/images/arrow-right.png) no-repeat center center;
  border:none;
  width:15px;
  height:25px;
}
.pages .next:hover,
.pages .previous:hover {
  border:none;
  background-color:transparent;
}
.pages .previous{
  -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pages .previous.disable,
.pages .next.disable {opacity:0.5;}

#quickorder input[type=email],
#quickorder input[type=search],
#quickorder input[type=number],
#quickorder input[type=password],
#quickorder input[type=tel],
#quickorder input[type=text],
#quickorder textarea,
#quickorder select  {
  width: 100%!important;
  max-width: 100%;
  border: 1px solid #69c4ff;
  min-height: 30px;
  padding: 0 8px;
  border-radius:0px;
  height: 30px;
  font-weight: 300;
  font-size: 18px;
}
#quickorder .thead-tr td{
  background-color: transparent!important;
  padding: 15px 5px!important;
  border-top: dashed 0px #000!important;
  border-bottom: solid 2px #2f9ee5!important;
  color: #2f9ee5!important;
  font-size: 16px!important;
  line-height: 24px!important;
  font-weight: 400;
}
#quickorder .thead-tr-hr td{
  border-bottom: dashed 1px #2f9ee5!important;
}
#quickorder  .checkout-detail td {
  padding-top: 10px;
  padding-right: 20px;
}
.hidden {
  display: none!important;
}

/* #quickorder .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #2f9ee5;
  color: #2f9ee5;
  cursor: pointer;
  align-self: center;
  padding: 5px 32px;
  text-decoration: none;
  text-align: center;
}
#quickorder .btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}
#quickorder .first {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
#quickorder .first:hover {
  box-shadow: 0 0 40px 40px #2f9ee5 inset;
}

#quickorder .second {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  background-color: #2f9ee5;
  color: #fff;
  padding: 5px 38px;
}
#quickorder .second:hover {
  box-shadow: 0 0 40px 40px #fff inset;
  background-color: #fff;
  color: #2f9ee5;
}

*/

.product-list, .demo-item  {
  position: relative;
    /* float: left; */
    /* width: 100%; */
    /* margin-right: 0; */
    padding: 15px!important;
    /* padding-bottom: 0!important; */
    border: solid 1px #c1c1c1;
    border-radius: 6px;
    margin-right: 30px!important;
    box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1);
    /* min-height: 194px;
    max-height: 194px; */
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #fff
}
.demo-item {
    min-height: 600px;
}
.demo-item .blog-item-img   {
    overflow: hidden;
}
.demo-item .blog-item-img img {
    height: 253px;
    width: auto!important;
}
@media (min-width: 900px){
    .product-list, .demo-item  {
        max-width: 22.5%;
    }
}
@media (max-width: 900px){
    .product-list, .demo-item  {
        margin-right:   0px;
        min-height: 650px;
    }
    .product-list, .demo-item  {
        width: 100%;
        margin-right: 0!important;
    }
    .demo-item .blog-item-img img {
        height:  auto!important;
        width: 100%!important;
    }
}
.product-list  .item-img {
    /* width: 11%;
    float: left; */
    overflow: hidden;
}
.product-list  .item-text {
    /* width: 89%;
    float: left;
    padding-left: 50px; */
    padding-top: 20px;
    line-height: 22px;
}
.product-list  .item-text .small-title a {
    
}
.product-list  .item-img a {
    margin: auto;
}
.product-list  .item-img img {
    width: auto;
    height: 154px;
    margin: auto;
}
@media (max-width: 900px){
 
    .product-list  .item-img img {
        height: auto;
        width: 100%;
    }
}
a.blueBox {
      display: inline-block;
      color: #8b0000!important;
      /* font-family: futura-book; */
      font-size: 18px;
      line-height: 16px;
      padding: 8px 10px;
      /* position: relative; */
      text-align: center;
      text-decoration: none;
      white-space: nowrap;
      float: right;
      background-color: #ffffff;
      border: 1px solid #8b0000;
      transition: all 0.2s ease;
}
a.blueBox:hover {
    transition: all 0.2s ease;
    border: 1px solid #000!important;
    color: #000!important;
    background-color: #ff6565!important;
}

#load_more {
  background-color: #c1c1c1;
}

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pages {
    float: left;
  }


}

@media (min-width: 1200px){
  .container {
      max-width: 1280px!important;
  }
  
  #search-form {
      min-width: 200px;
  }
}
@media(max-width:767px){
  .Distributor-link {
    max-width: 50%;
  }
  .mobile-menu .slicknav_menu .slicknav_brand a img {
    width: auto;
    height: 43px;
  }
  .mobile-menu .logo {
    display: block;
    height: 79px;
    margin-left: -15px;
  }
  h2 {
    line-height: 32px;
  }

  #customer-satisfaction {
    margin-top: 90px;
  }
  .product-list  .item-img {
      width: 100%;
  }
  .product-list  .item-text {
      width: 100%;
      padding-left: 0;
  }
  a.blueBox {
      width: 100%!important;
      margin: 0!important;
      margin-top: 15px!important;
  }

}
@media(min-width:768px) and (max-width:991px){
  .mobile-menu .slicknav_menu .slicknav_brand a img {
    width: auto;
    height: 43px;
  }
}

small.bestseller{
  font-size: 13px;
}
.ribbon {
    position: absolute;
    display: block;
    top: -4px;
    right: -4px;
    width: 110px;
    height: 110px;
    overflow: hidden;
}
.ribbon .label {
    position: relative;
    display: block;
    left: -10px;
    top: 25px;
    width: 158px;
    padding:  0;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #8b0000;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -webkit-transform: rotate(45deg) translate3d(0,0,0);
    -moz-transform: rotate(45deg) translate3d(0,0,0);
    -ms-transform: rotate(45deg) translate3d(0,0,0);
    transform: rotate(45deg) translate3d(0,0,0);
}

.subcate-item .blog-item-wrapper {
    min-height: 372px;
}