/* ********************************************************************************************
    Design for a width of 1024px and below
*********************************************************************************************** */
@media only screen and (min-width: 1025px) {
	.header-primary{
		background-color: #FFFFFF;
	}
	.navbar.fixed{
		left: 0;
		right: 0;
		position: fixed;
		
		
		
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	}
	.navbar.fixed .navbar-nav > li.menu-item-type-custom > a{
		padding-top: 28px;
		padding-bottom: 27px;
	}
	/*.navbar.fixed .navbar-brand{
		max-width: 77px;
	}*/
    .navbar.fixed .navbar-brand{
		max-width: 59%;
	}
	.navbar-nav > li.menu-item-type-custom > a,
	.navbar{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		transition: all .2s ease;    
	}
}


/* ********************************************************************************************
    Design for a width of 992px and above
*********************************************************************************************** */

@media only screen and (min-width: 992px) {
    
    /* Navbar
    ======================================================================================= */
        /* WP Menu */
	.custom-navigation ul.nav-menu,
	.custom-navigation div.nav-menu > ul {
		display: block !important;
	}
        
        /* Navbar Default */
        .navbar {
            border-radius: 0px;
        }    
        .navbar-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }
        .navbar-collapse.in {
            overflow-y: visible;
        }
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
        }
        .container > .navbar-header,
        .container-fluid > .navbar-header,
        .container > .navbar-collapse,
        .container-fluid > .navbar-collapse {
          margin-right: 0;
          margin-left: 0;
        }
        .navbar > .container .navbar-brand,
        .navbar > .container-fluid .navbar-brand{
            margin-left: -15px;
        }    
        .navbar-toggle {
            display: none;
        }
        .navbar-nav {
          float: right;
          margin: 0;
        }
        .navbar-nav > li {
                display: inline-block;
                vertical-align: middle;
        }
        .navbar-nav > li.menu-item-type-custom + li.menu-item-type-custom > a{
                margin-left: -3px;
                display: table;
        }
        .navbar-nav > li.menu-item-type-custom > a{
                padding-top: 50px;
                padding-bottom: 50px;
        }
        .navbar-left {
            float: left !important;
        }
        .navbar-right {
          float: right !important;
          margin-right: -15px;
        }
        .navbar-right ~ .navbar-right {
          margin-right: 0;
        }       
    
    /* MD - Floating
    ======================================================================================= */
    .f-md-left{
        float: left;
    }
    .f-md-right{
        float: right;
    }
    
        /* Blog 3Column */
        .blog-3column .widget_text .connect .icon{
            margin: 0px 10px 0px 0px;
        }    
    

}

/* ********************************************************************************************
    Design for a width of 992px To 1199px
*********************************************************************************************** */

@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    
        /* Blog 3Column */
        .blog-3column .widget_text .connect .icon{
            margin: 0px 2px 0px 0px;
        }         

}

/* ********************************************************************************************
    Design for a width of 991px and below
*********************************************************************************************** */

@media only screen and (max-width: 991px) {
    
    /* Navbar Default */
        .navbar > .container,
        .top-nav > .container{
                width: auto;
        }
        .navbar-nav{
                margin-top: 0px;
                margin-bottom: 0px;
                clear: both;
        }
        .navbar-nav > li > a{
                border-bottom: 1px solid #284767;
                display: block;
                border-radius: 0px;
        }
        
        .navbar-nav > li .sub-menu {
                position: static;
                display: block;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                -webkit-box-shadow: none;
                        box-shadow: none;
        }
        .navbar-nav > li .sub-menu > li > a,
        .navbar-nav > li .sub-menu .dropdown-header {
                padding: 10px 15px 10px 25px;
        }
        .navbar-nav > li .sub-menu .dropdown-menu > li > a {
                line-height: 20px;
        }
        .navbar-nav > li .sub-menu > li > a:hover,
        .navbar-nav > li .sub-menu > li > a:focus {
                background-image: none;
        }        
        
        /* Member Box */
        .member-box{
                border-left: none;
                border-right: none;
                border-top: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
        }
        .member-box.first{border-top: none;}
        .member-box.last{border-bottom: none;}
        .member-box .btn{margin-bottom: 30px;margin-top: 10px;}
        

}

/* ********************************************************************************************
    Design for a width of 768px and above
*********************************************************************************************** */

@media only screen and (min-width: 768px) {

    /* Mobile accordion
    ======================================================================================= */
    .mobile-accordion .block-title{
        border-bottom: none;
    }
    .mobile-accordion .opener {
        display:none !important;
    }		
    .mobile-accordion .block-content {
        display:block !important;
    }
    
    /* SM - Floating 
    ======================================================================================= */
    .f-sm-left{
        float: left;
    }
    .f-sm-right{
        float: right;
    }
    
    /* Mobile Label */
    .mobile-label{display: none;}

}

/* ********************************************************************************************
    Design for a width of 992px To 1199px
*********************************************************************************************** */

@media only screen and (min-width: 768px) and (max-width: 991px)  {
    
        /* Block: Social */
        .block.widget_text .connect .icon{margin-right: 4px;}
        
        /* Blog 3Column */
        .blog-3column .widget_text .connect .icon{
            margin: 0px 25px 0px 0px;
        }            
}

/* ********************************************************************************************
    Design for a width of 767px and below
*********************************************************************************************** */

@media only screen and (max-width: 767px) {   
    
    /* Mobile accordion
    ======================================================================================= */
    .mobile-accordion .block-content {
        display:none;
        position: relative;
    }
    .mobile-accordion {
        position:relative;
    }
    
    /* Connect With Us */
    .connect .icon{margin: 10px 30px;}
    
        /* Mobile Label */
        .mobile-label{margin-right: 10px;}

	/* Comment */	
	#respond form > [class*="comment-"]{
		width: 100%;
	}

}

/* ********************************************************************************************
    Design for a width of 639px and below
*********************************************************************************************** */

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

    /* Connect With Us */
    .connect .icon{margin: 10px 15px;}
    
    /* Banner Slider */
    .banner-caption .content-area .headings{
        font-size: 20px;
    }

}

/* ********************************************************************************************
    Design for a width of 479px and below
*********************************************************************************************** */

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

    /* Connect With Us */
    .connect .icon{margin: 10px 13px;}
    .connect .icon a{  width: 66px;height: 66px;line-height: 66px;font-size: 20px;}
    
    /* Banner Slider */
    .banner-caption .content-area .headings{
        font-size: 16px;
    }
    
    /* Blog Comment */
    .comment-box .comment-user,
    .comments-area article header img{
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .comment-box .comment-detail,
    .comments-area article,
    .comments-area article header img{
        margin-left: 0px;
    }
    .comment-box.reply,
    .commentlist .children{
        margin-left: 15px;
    }

}

/* ********************************************************************************************
    Design for a width of 380px and below
*********************************************************************************************** */

@media only screen and (max-width: 380px) {
        
    /* Connect With Us */
    .connect .icon{margin: 10px;}
    .connect .icon a{width: 56px;height: 56px;line-height: 56px;font-size: 20px;} 

}

/* Created By Zishan*/

@media only screen and (max-width: 390px) {
    .navbar-toggle{
        margin: 34px 0 0;
    }
}
@media only screen and (max-width: 375px) {
    .navbar-toggle{
        margin: 70px 0 0;
    }
}
@media only screen and (max-width: 372px) {
    .navbar-toggle{
        margin: -30px 0 21px;
    }
}

/*@media only screen and (max-width: 367px) {
    .logo_text{
        font-size: 13px;
        padding: 27px 0 0;
    }
    .navbar.fixed .logo_text {
        font-size: 13px;
        line-height: 21px;
        padding: 27px 0 0;
    }
}
@media only screen and (max-width: 355px) {
    .logo_text{
        font-size: 12px;
        padding: 31px 0 0;
    }
    .navbar.fixed .logo_text {
        font-size: 12px;
        line-height: 19px;
        padding: 31px 0 0;
    }
}
@media only screen and (max-width: 340px) {
    .logo_text{
        font-size: 11px;
        padding: 31px 0 0;
    }
    .navbar.fixed .logo_text {
        font-size: 11px;
        line-height: 19px;
        padding: 31px 0 0;
    }
}
@media only screen and (max-width: 325px) {
    .logo_text{
        font-size: 10px;
        padding: 36px 0 0;
    }
    .navbar.fixed .logo_text {
        font-size: 10px;
        line-height: 15px;
        padding: 36px 0 0;
    }
}
@media only screen and (min-width: 368px) {
    .navbar.fixed .logo_text {
        padding: 27px 0 0;
    }
}*/

/* Created By Zishan*/