/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1920px) {
	.kg-lead-widgets-wrapper{
		display: block;
	}
	
	.kg-lead-widgets-wrapper-mobile{
		display: none;
	}

  
    
}
/* Tablet & mobile Layout: 768px. */
@media only screen and (max-width: 991px) {
	.kg-lead-widgets-wrapper{
		display: block;
	}
	.kg-lead-widgets-wrapper-mobile{
	display: none;
	}

    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
     #navbarNav{
        z-index: 9999;
        position: absolute;
        top: 52px;
        width: 60%;
        transition: .5s ease-out;
        background-color: #363D4D;
    }

    div#navbarNav li a{
        padding: 5px 20px;
    }
    
    .main-menu-one{
        padding-top: 0px;
        background-color:#ECEFFF; 
    }
    
    .main-menu-one .navbar{
        margin-top: 0px;
        width: 90%;
        height: 42px;
    }
    
    
    
    .navbar-light .navbar-toggler {
        color: #fff;
        border-radius: 0px;
        border: 0px;
        width: auto;
    }
    
    .navbar-light .navbar-toggler-icon{
        position: absolute;
        left: 20px;
        top: 11px;
    }
    
    #navbarNav ul li a{
        color: #fff;
    }
    
    .navbar-brand{
        margin: auto;
    }
    
    .navbar-brand img{
        width: auto;
        height: 42px;
        margin-left: 15px;
    }
    
    div#kg-mobile-nav-search{
        display: block;
        position: absolute;
        right:0;
        line-height: 48px;
        width: 10%;
    }
    #navbarNav ul li{
        float: none;
    }
    
    span.kg-hijri-date{
        display: none;
    }
    
    div.header-social-icon{
        display: none;
    }
	
	.kg-lead-widgets-wrapper{
		display: none;
	}
	
	.kg-lead-widgets-wrapper-mobile{
		display: block;
	}
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-contact-editor-area-fix{
        padding-top: 15px;
        text-align: center;
        line-height:1.3; 
    }
    
    .header-menu-text{
        text-align: center;
    }

    .header-menu-text p {
        font-size: 16px;
    }

    .header-social-icon{
        display: flex;
        justify-content: center;
    }
    
    span.kg-hijri-date{
        display: none;
    }

    .header-social-icon ul {
        margin-top: 5px;
    }
    
    .navbar-nav{
        display: flex;
    }
    
    .main-menu-section{
        height: 55px;
    }

    .copy-right-right p {
        text-align: center;
    }
    
    .copy-right-left{
        text-align: center;
    }

    .copy-right-right{
        text-align: left;
        padding: 5px 0px;
    }
    
    h2.social-share{
        float: left;
    }
    
    .slide-thumb .centered{
        font-size: 24px;
        line-height: 26px;
    }
    
    .muslim_prayer_time .prayer_time{
        width: 61%!important;
    }
    
    #navbarNav{
        z-index: 9999;
        position: absolute;
        top: 55px;
        width: 60%;
        transition: .5s ease-out;
        background-color: #363D4D;
    }

    div#navbarNav li a{
        padding: 5px 20px;
    }
    
    .main-menu-one{
        padding: 0px;
        background-color:#fff; 
    }
    
    .main-menu-one .navbar{
        margin-top: 0px;
        width: 90%;
        height: 55px;
    }
    
    
    
    .navbar-light .navbar-toggler {
        color: #fff;
        border-radius: 0px;
        border: 0px;
        width: auto;
    }
    
    .navbar-light .navbar-toggler-icon{
        position: absolute;
        left: 5px;
        top: 12px;
    }
    
    #navbarNav ul li a{
        color: #fff;
    }
    
    .navbar-brand{
        margin: auto;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    
    .navbar-brand img{
        width: auto;
        height: 55px;
        margin-left: 13px;
        margin-top: 4px;
    }
    
    div#kg-mobile-nav-search{
        display: block;
        position: absolute;
        right:0px;
        line-height: 48px;
        width: 10%;
    }
    
    .entry-meta{
        font-size: 17px;
    }
	
    .fb_iframe_widget{
        width: 100%!important;
    }
	
    .single-main-sidebar ._2p3a{
        width: 290px!important;
    }
	
	
    
/* Fix Nav Menu on Mobile*/
    .main-menu-one{
        margin-top: 0px;    
    }
    .navbar-brand{
        display: inline-block;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .kg_logo{
        display: none;
    }
    
    div.header-social-icon{
        display: none;
    }
    
    .slider-content-box img{
        float: left;
        width: 150px;
        height: auto;
        margin: 0px 10px 10px 0px;
    }
    
    .khala-right-box img {
        width: 120px;
        float: left;
        height: auto;
        margin: 0px 10px 10px 0px;
    }
    
    .header-menu-text p{
        padding-left: 0px;
    }
    
    .khala-box p{
        display: none;
    }
    
    .khala-box{
        margin-bottom: 15px;
    }
    
    .kg-linebreak-footer{
        display: block;
    }
    
    .kg-footer-logo img{
        width: 70%;
        margin-left: 15%;
    }
	span.kg-linebreak-footer{
		text-align:center;
		padding-right:0px;
	}
	
	.kg-lead-widgets-wrapper{
		display: none;
	}
	
	.kg-lead-widgets-wrapper-mobile{
		display: block;
	}   
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .header-menu-text{
        text-align: center;
    }
    .header-menu-text p {
        font-size: 14px;
    }

    .header-social-icon{
        display: flex;
        justify-content: center;
    }

    .header-social-icon ul {
        margin-top: 5px;
    }

    .main-menu-section{
        height: 55px;
        height: 55px;
    }

    .copy-right-right p {
        text-align: center;
    }

    
    .copy-right-right{

        padding-top:5px; 
    }
    
    .copy-right-left{
        text-align: center;
    }
    
    span.kg-hijri-date{
        display: none;
    }
    
    div.header-social-icon{
        display: none;
    }
    
    .khala-box p{
        display: none;
    }
    
    .khala-box{
        margin-bottom: 15px;
    }
    
    .footer-menu{
        margin-left:0;
        margin-right:0;
        text-align:center;
    }
	
	.kg-lead-widgets-wrapper{
		display: none;
	}
	
	.kg-lead-widgets-wrapper-mobile{
		display: block!important;
	}

}

@media only screen and (max-width: 320px){
	.kg-lead-widgets-wrapper{
		display: none;
	}
	.kg-lead-widgets-wrapper-mobile{
		display: block!important;
	}
}