/*--------------------------------------------------------------
20.  Media Queries
--------------------------------------------------------------*/

/* Smaller than standard 1230(devices and browsers) */
@media only screen and (max-width:1230px){

    #header-right {
        margin-top: 0;
    }

 .main-navigation ul li a {
        padding: 15px 10px;
    }
    #header-search {
        position: relative;
        clear: both;
    }
    #header-search {
        clear: both;
    }
    #main-slider h3 {
        font-size: 40px;
    }
   

}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){


    #tophead .social-links li a {
        border: none;
    }
    .main-navigation ul li a {
      
        letter-spacing: inherit;
		
    }

  .header-social-wrapper {
        float: right;
        text-align: center;
    }

    #quick-contact li {
        border:none;
    }

    #quick-link-buttons {
        float: none;
        display: block;
    }

    #content .section {
        padding: 30px 0;
    }

    #content .section-title {
        font-size: 28px;
    }

    .section-services .service-item-title {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .service-block-item-excerpt p{
        margin-bottom: 0px;
    }

    .section-services .service-block-item a.service-icon {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .section-skill-bar img.alignleft {
        max-width: 100%;
        text-align: center;
        display: block;
        margin: 0 auto 30px;
        float: none;
    }

    .skill-bar-section {
        width: 100%;
        float: right;
    }

    .skill-bar-section {
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

    .section-call-to-action .cta-title {
        margin-bottom: 30px;
        color: #fff;
        font-size: 24px;
    }

    .section-call-to-action .cta-title {
        margin-bottom: 10px;
        font-size: 24px;
    }


    .portfolio-filter {
        margin: 0 0 15px;
    }

    .section-testimonial-carousel .slick-initialized .slick-slide {
        padding: 15px;
    }

    .section-project .project-thumb {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .section-project img {
        width: 100%;
    }

    .section-plan .plan-block {
        padding: 15px;
    }

    .section-plan .plan-icon i {
        font-size: 50px;
    }

    .section-plan .plan-icon {
        margin-bottom: 10px;
    }

    .section-plan .plan-price p {
        font-size: 33px;
    }

    #footer-widgets .footer-widget-area {
        padding:0 15px;
    }

    #footer-widgets .widget-title {
       font-size: 18px;
    }

    .section-counter .counter-nos {
        font-size: 32px;
        margin: 10px 0;
    }

    .section-counter .counter-icon i {
        font-size: 30px;
    }

    .custom-header-content {
        padding: 55px;
    }

    .page-title {
        font-size: 40px;
    }

    .section-about-feature .about-feature-section {
        width: 100%;
        float: left;
        padding: 30px 30px 0;
    }

    .section-about-feature .about-feature-thumb {
        width: 100%;
        float: left;
        text-align: center;
    }


    .sidebar,
    #primary,
    .three-columns-enabled .sidebar,
    .three-columns-enabled #primary {
        width: 100%;
        float: left;
    }

    .three-columns-enabled .sidebar {
        width: 50%;
    }

    #primary .hentry.post.blog-gird {
        width: 50%;
        padding: 10px 15px;
    }

    #main-slider h3 {
        font-size: 34px;

    }

    #main-slider .slider-buttons a.btn {
        padding: 5px 20px;
    }

    #main-slider .slider-buttons .btn.btn-secondary {
        padding: 4px 19px;
    }
    #main-slider p {
        margin-bottom: 20px;
        font-size: 15px;
    }

    #main-slider .cycle-caption {
        bottom:100px;
    }

    .section-featured-page img.alignleft, 
    .section-featured-page img.aligright {
        float: none;
        max-width: 100%;
        text-align: center;
        margin: 0 auto 30px;
        float: none;
        padding: 0;
    }

    .section-call-to-action.cta-layout-2 .call-to-action-description {
        float: none;
        margin: 0;
        max-width: inherit;
    }

    .section-call-to-action.cta-layout-2 .call-to-action-buttons {
        float: none;
        margin-top: 20px;
    }

    #masthead.fixed #quick-link-buttons {
        display: block;
    }

    #masthead.fixed.site-header #main-navigation {
        border-top: 1px solid #ddd;
    }

    .section-about-feature .col-grid-6 {
        width: 100%;
        padding: 0;
    }
    .section-about-feature .about-feature-thumb img {
        vertical-align: middle;
        width: 100%;
    }
    .about-feature-block-item-excerpt {
        display: block;
    }
    .section-about-feature .about-feature-item-title {
        margin-top: 0;
    }
    .section-testimonial-carousel .slick-prev.slick-arrow, 
    .section-testimonial-carousel .slick-next.slick-arrow, 
    .latest-news-section-wrapper .slick-prev.slick-arrow, 
    .latest-news-section-wrapper .slick-next.slick-arrow,
    .recent-news-main-wrapper .slick-prev.slick-arrow, 
    .recent-news-main-wrapper .slick-next.slick-arrow {
        top: -50px;
    }

}
/* Smaller than standard 800 (devices and browsers) */
@media only screen and (max-width:800px){
    .site-header #main-navigation {
        display: table;
        float: none;
        width: 100%;
        clear: both;
        margin-top: 10px;
    }
    .site-branding {
        display: table-cell;
    }
    .section-associate-logo .associate-logo-item {
        width: 33.3%;
    }
    }
/* Smaller than standard 768 (devices and browsers) */
@media only screen and (max-width:991px){
	#main-navigation ul li a {
    font-size: 12px;
    padding: 16px 3px;
    
}
.site-branding{
	margin: 0 auto;
}
}

@media only screen and (max-width:767px){
	
	#main-navigation ul {
    display: none;
   
}

   #masthead #header-right {
        width: 100%;
    }

    .header-layout-v2  #masthead #header-right,
    .header-layout-v3  #masthead #header-right  {
        float: right;
        width: auto;
        margin: 0;
    }

    #mobile-trigger {
     display: block;
    background: #fff;
    color: #fff;
    padding: 28px 20px;
    float: left;
    width: 35%;
    }
    #mobile-trigger i.fa {
        font-size: 22px;
        display: block;
        background: #3574a0;
        line-height: 1;
        padding: 5px;
        display: inline-block;
        border-radius: 100%;
        padding: 10px;
        color: #fff;
        box-shadow: 0 0 59px #ddd;
    }
    #page #main-navigation {
        display: none;
    }



    a.main-logo {
        float: left;
        margin-right: 15px;
        margin-top: 0; 
        display: inline-grid;
        width:51%;
    }
    
    .site-branding {
        float: none;
        display: block;
        width: 100%;
		text-align: -webkit-center;
    }
}


/* Smaller than en and (max-width:219px){
    
    .container{standard 320 (devices and browsers) */
@media only scre
        width: 310px;
        max-width: 310px;
    }
}