/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/


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

    .page-wrap {
        max-width: 96%;
    }

    #main {
        width: 67%;
    }

    #sidebar {
        width: 30%;
    }

    #footer {
        max-width: 96%;
    }

    #home_ad img {
        max-width: 100%;
        height: auto;
    }

    .navbar-brand.left-align {
        max-width: 50%;
    }

    .navbar-brand img {
        max-width: 100%;
        height: auto;
    }

    #head_banner {
        max-width: 60%;
    }

    #head_banner img {
        max-width: 100%;
        height: auto;
    }

}


@media (min-width: 1000px) {

    #menu-top-slide {
        display: none !important;
    }

    #menu-main-slide {
        display: none !important;
    }

}


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

    /* Menu */
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }

    #navbar-top,
    #navbar-main { display: none; }
    .navbar-toggle { display: block }

    .top-navbar .navbar-toggle {
        margin: 10px 0;
    }

    .main-navbar {
        padding-left: 15px;
    }

}



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

    #main {
        width: 60%;
    }

    #slider {
        width: 100%;
        padding: 0;
        float: none;
        border: none;
        margin-bottom: 30px;
    }

    .featured-widgets {
        float: none;
        width: 100%;
    }

    #sidebar {
        width: 37%;
    }


    #main .homepage-widgets .homecat ul li h3 {
        font-size: 16px;
    }

    .recent-posts .post-thumb {
        max-width: 50%;
    }

    #slider #slidemain .slide_content h2 {
       font-size: 24px;
   }

   .recent-posts .entry-title {
       font-size: 18px;
   }

   h1.entry-title {
       font-size: 20px;
   }

    .footer-widgets.widget-columns-4 .column {
        width: 48%;
        margin-right: 2%;
    }

    .footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
        margin-right: 2%;
    }

    .footer-widgets.widget-columns-2 .column:nth-child(2n+2){
        margin-right: 0;
    }

}


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

    .page-wrap {
        max-width: 96%;
        padding: 0 3%;
    }

    #footer {
        max-width: 96%;
        padding: 3%;
    }

    #main {
        width: 100%;
        float: none;
    }

    #slider {
        width: 57.45%;
        padding-right: 3.5%;
        float: left;
        border-right: 1px solid #eee;
        margin-bottom: 0;
    }

    .featured-widgets {
        float: right;
        width: 39%;
    }

    #sidebar {
        width: 100%;
        float: none;
    }

    .navbar-brand h1 {
        font-size: 50px;
    }

    .section-title {
        font-size: 26px;
    }

    h1.entry-title { font-size: 20px; }

    .carousel-slider .item {
        margin: 0 2.75% 0 0;
        width: 31.5%;
    }

    .carousel-slider .flickity-enabled .item {
        margin: 0 2.75% 0 0;
        width: 31.5%;
    }


    .navbar-brand,
    .navbar-brand.left-align {
        max-width: 100%;
        float: none;
        text-align: center;
    }

    #head_banner {
        max-width: 100%;
        float: none;
        text-align: center;
        margin: 20px 0;
    }
	#mapck{
		display:none;
	}
	.bangia a span{
		font-size:14px !important;
	}
	.infomation .ifo1{
		width: 33%;
	}
	.infomation .ifo2{
		width:100%;
	}
	.banggia ul li {
		width: 100%;
	}	
	.hopca {
		float: left;
		width: 46%;
		margin-right: 10px;
	}	
	.detail {
		width: 50%;
		float: left;
		margin-top: -15px;
	}
	.detail span{
		font-size:14px !important;
	}
	#main .homepage-widgets .homecat .post-thumb img{
		height:65px;
	}
	.amazingcarousel-next{
		display:none !important;
	}
	.amazingcarousel-prev{
		display:none !important;
	}
	.buttomsp ul li{
		height:95px;
	}
	.widget h3.title{
		background-size:cover;
	}
}


/* Tablets */
@media screen and (max-width: 768px) {

    .page-wrap {
        max-width: 100%;
        border: none;
    }

    #footer {
        max-width: 100%;
    }

    h1.entry-title { font-size: 18px; }

    .recent-posts .post-thumb {
        max-width: 35%;
    }

    .readmore_button { display: none; }

    .footer-widgets .column {
        width: 100% !important;
        display: block;
        border: none;
    }

    #comments > h3,
    #respond > h3 { font-size: 22px; }

    .carousel-slider .item {
        margin: 0 2% 0 0;
        width: 48%;
    }

    .carousel-slider .flickity-enabled .item {
        display: inline-block;
        margin: 0 2% 0 0;
        width: 49%;
    }

    #footer .footer-info .designed {
        display: block;
    }

    #respond .form_fields p {
        margin-bottom: 24px;
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .form-allowed-tags {
        display: none
    }
	.addthis_toolbox{
		display:none;
	}
}

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

    #slider {
        width: 100%;
        padding: 0;
        float: none;
        border: none;
        margin-bottom: 30px;
    }

    .featured-widgets {
        float: none;
        width: 100%;
    }
	.addthis_toolbox{
		display:none;
	}

}


/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

    .navbar-brand h1 {font-size: 34px;}
    #main .homepage-widgets .homecat ul.featured-stories li {width: 100%;margin: 0 0 30px;display: block;}
    #main .homepage-widgets .homecat .post-thumb {float: left;margin: 0 20px 0 0;max-width: 30%;}
    #main .homepage-widgets .homecat .post-excerpt {display: none;}
    #main .homepage-widgets .homecat ul.featured-stories li:before,
    #main .homepage-widgets .homecat ul.featured-stories li:after { content: " "; display: table; }
    #main .homepage-widgets .homecat ul.featured-stories li:after { clear: both; }
    .recent-posts .entry-content {display: none;}
    .col_arch  ul li { width: 100%; float: none; margin: 0 0 5px 0; }
    .post-meta span {display: block;margin: 10px 0;}
    .post-meta .views {float: none;}	
	.addthis_toolbox{display:none;}
	.navbar-brand.left-align div {width: 100%;text-align: center;}
	ul#home-hedli li {width: 100%;}
}

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

    .carousel-slider .item {
        margin: 0;
        width: 100%;
    }

    .carousel-slider .flickity-enabled .item {
        margin: 0;
        width: 100%;
    }
	div.wp_rp_content{
	    margin-top: 20px;
	}
	nav.navbar-top{
		height:auto;
	}
	.dt-cl span {
		display: inline-block;
		padding: 2px 0 2px 10px;
	}
	p.nnt {
		padding: 2px 0 2px 10px;
	}
	.sb-search .sb-icon-search, .sb-search .sb-search-submit{
		top:8px;
	}
	.sb-search .sb-search-input{
		top:10px;
	}
	#main .homepage-widgets h2{
		margin: 0px 0 10px;
		padding:0px;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		color: #4297e9;
		border-bottom: 1px solid #ccc;
		background:none;
	}
	.introduchome {
		font-size: 14px;
	}
	.videocakho {
		width: 100%;
	}
	#main .homepage-widgets h2 a{
		color: #4297e9;
	}
	.cols{
		width: 48.5%;
	}
	.banner-left {
		width: 100% !important;
		margin-bottom: 10px;
	}
	.banner-right {
		width: 100% !important;
	}
	.banner-right img {
		height: auto !important;
	}
	.list1,.list2{
		width:100%;
	}
	.addthis_toolbox{
		display:none;
	}
}