@charset "utf-8";
/* CSS Document */

/* --------------------------------------
=========================================
responsive code By: Md Ayat Rahman
=========================================*/

@media only screen and (max-width:1200px) {
	
	.container{width:970px;}
	.about-legal{width:630px;}
	.about-legal p{    padding: 0px 0px 11px 0px;line-height: 18px;}
	.team-box {
    width: 23.3%;
	    margin: 0px 0px 20px 2%;
	}
	.form-legal{width:50%;}
	.legal-map-address{width:45%;}
	.post-grid {
    width: 48%;
    margin: 0% 0% 30px 4%;
	}
	.ayat_menu a{font-size:15px;}
	.team-location{width:250px;}
	.team-location h4{font-size:12px;}
	
	.press-box{
		width: 24%;
		 margin: 0px 0px 13px 1.3%;
		
	}
	
	
}
@media only screen and (max-width:1025px) {
	.copyright span, .sitemap span, .site-by span{font-size:11px;}
	
}

@media only screen and (max-width:1000px) {
	
	.container{width:90%}
	.ayat_menu a{
		font-size:12px;
		margin-left:10px;
	}
	
	.about-legal{width:65%;}
	.latest-post{width:30%;}
	.post-sec .post-box .post-text{height:auto}
	.latest-post h2{font-size:17px;}
	
	.team-box {
    width: 48.5%;
	margin: 0px 0px 20px 3%;
	}
	
	.team-box:nth-child(2n+1) {
    margin-left: 0px;
	
}
.t-right{margin-right:-50px; width:250px;}
  .t-left{width:215px; margin-left:70px;}
  .team-bx-dt h4{font-size:15px;}
  
  .team-wrapper,.team-location{float:none;  margin:0px auto; width:600px; min-height:100px;}
  .team-location{border-left:none; border-top:dotted 1px #000; margin-top:20px;}
  

	
	
	
}
@media only screen and (max-width:900px) {
	.legal-logo{width:300px;}
	.ayat_menu a{
		margin-left:5px;
		font-size:11px;
	}
	.about-legal{width:60%;}
	.latest-post{width:35%;}
	.about-legal p{font-size:13px; line-height:16px;}
	
}

@media only screen and (max-width:768px) {
	
	.container{width:670px;}
	.about-legal{width:385px;}
	.latest-post{width:270px;}
	.about-legal h1{padding-bottom:10px;}
	.about-legal p{font-size:12px;padding: 0px 0px 5px 0px;}
	.post-sec .post-box{margin-bottom:10px; padding-bottom:15px;}
	.top-nav{
		display:inline-block
	}
	.web-magazine{margin-right:10px;  float:none;}
	
	.legal-menu{margin-top:10px;}
	 .menu_nav {
    position: relative;
    border-bottom: none;
	display:inline-block;
	margin-top:0px;
	float:none;
  }

  .ayat_menu li {
  }

  .ayat_menu {
    float: none;
    display: none;
    z-index: 9999999;
  }

  .ayat_menu > li {
    float: none;
    width: 100%;
  }

  .ayat_menu ul {
    position: relative;
  }

  .ayat_menu li:hover > ul,
    .ayat_menu li.sfHover > ul {
  }

  .ayat_menu ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    display: none;
  }

  .ayat_menu li:hover > ul {
        /*display: block;*/;
  }

  .show_sub {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 21px;
    background: url(../images/plus.png) no-repeat center;
    cursor: pointer;
    height: 35px;
    display: block;
    width: 29px;
  }

  .show_sub.minus_sub {
    background: url(../images/minus.png) no-repeat center;
  }

  .ayat_menu ul ul {
    left: 0;
  }

  .ayat_menu li.home a {
    margin-left: 9px;
  }

  .toggMenu {
    height: 36px;
    border-radius: 4px;
    width: 50px;
    background: url(../images/menu-icon.png) no-repeat center #24A9AE;
    cursor: pointer;
    margin: -39px 0px 0px 0px;
    box-shadow: 0px 1px 5px #000;
  }

  .ayat_menu {
    background: #ffffff;
        /* top: 80px; */
        /* padding: 10px 0; */
    position: absolute;
    top:10px;
        /* left: 0; */
    width: 220px;
    right: 0px;
    border: 2px solid #24A9AE;
    z-index: 999999;
  }

  .ayat_menu a {
    padding: 10px 7px;
    border-bottom: 1px solid #AFDEF6;
    font-size: 14px;
    text-align: left;
  }

  .ayat_menu li ul li a {
    background: #fff;
  }

  .ayat_menu li {
    margin-left: 0px;
    margin: 0px auto;
    width: 95%;
  }

  .ayat_menu li ul li {
    width: 100%;
  }

  .ayat_menu li:first-child {
    margin-top: 2%;
  }


	.site-by  {
    width: 100%;
  }

  

  .sitemap  {
    text-align: right;
  }

  .sitemap, .copyright{
    width: 50%;
  }
  .site-by{text-align:center;}
  .copyright span, .sitemap span, .site-by span {
    padding: 4px 0px;
	font-size:12px;
  }
  .quick-link,.articles-box-wrapper{float:none; width:100%;}
  .press-box{
		width:48%;
		 margin: 0px 0px 22px 4%;
		
	}
	.press-box:nth-child(2n+1){margin-left:0px;}
  


}

@media only screen and (max-width:740px){
	
	.team-wrapper, .team-location{width:90%;}
	.t-right{margin-right:0px; width:auto;}
  .t-left{width:auto; margin-left:0px;}
  .team-bx-dt h4{font-size:15px;}
}


@media only screen and (max-width:680px) {
	.container{width:95%;}
	.about-legal{width:100%; float:none;}
	.latest-post{width:100%; float:none;}
	.copyright span, .sitemap span, .site-by span{font-size:11px;}
	
	.small-header{position:relative;}
	
	.form-legal{width:100%; float:none}
	.legal-map-address{width:100%; float:none; margin-top:30px;}
	.content-sec p,.content-sec ul li{font-size:13px;}
	.team-row, .team-bx-dt{width:100%;}
	.post-grid {
    width:100%;
	float:none;
    margin: 0% 0% 30px 0%;
	}
	
	.press-box{
		float:none;
		width:100%;
		margin:0px 0px  33px 0px;
	}
	
	.articles-dt-sec{width:95%;}
	.boxes-load{width:80%;}
	
	.silf_blank{
		height:285px;
	}
	.logo_silf{float:none; width:100%;  position:absolute; bottom:100px;}
	.logo_silf img{width:250px; height:250px; margin:auto; display:block;}
	.loat-btn{
		    position: fixed;
    bottom: 0px;
    left: 50%;
    margin-left: -100px;
}
	.boxes-load{
		padding-bottom:80px;
	}

	
}
@media only screen and (max-width:580px) {
	.web-magazine{width:114px; height:43px;    background: url(../images/m-web.png) no-repeat center;
	}
	.web-magazine:hover{width:114px; height:43px; background: url(../images/m-web.png) no-repeat center;
	}
	.legal-logo{width:240px;}
	.legal-menu{margin-top:5px;}
	.site-by,.sitemap, .copyright  {
    width: 100%;
	float:none;
	text-align:center;
  }

  

  /*.sitemap  {
    text-align: right;
  }
*/
  /*.sitemap, .copyright{
    width: 50%;
  }*/
  .site-by{text-align:center;}

  .copyright span, .sitemap span, .site-by span {
    padding: 4px 0px;
  }
  .legal-innerpage h1{font-size:25px;}
  
  .team-box {
    width:100%;
	float:none;
	margin: 0px 0px 20px 0px;
	}
	.team-bx-dt h3{font-size:14px;}
	.team-row{width:100%;}
	.team-bx-dt h4, .team-bx-dt h4 label{font-size:13px;}
	.articles-box-wrapper .articles-box .art-text h4{font-size:14px;}
	.articles-box-wrapper .articles-box .art-text p{font-size:13px;}
	.t-right{ float:none; text-align:center; width:100% !important;}
  .t-left{ float:none; text-align:center;width:100% !important;}
  .legal-innerpage h2{font-size:22px;}
  .legal-innerpage .article-title{font-size:15px;}
  .articles-dt-sec h4{font-size:13px;}
  .articles-dt-sec p,.articles-dt-sec ul li{font-size:14px; line-height:25px;}
  .articles-dt-sec ul{margin-left:25px;}
  .articles-box-wrapper .articles-box .btn-article:hover {
    background: url(../images/article_btn.png) no-repeat;
}
.about-legal{padding-bottom:20px;}
	
}

@media only screen and (max-width:460px) {
	
	.legal-logo{width:240px;}
	.legal-menu{margin-top:0px; float:none; width:100%;}
	/*.legal-logo{ float:none;}*/
	 .menu_nav { position:inherit;}
	 .toggMenu{
		 position:absolute;
		 top:5px;
		 right:10px;
		 margin:0px;
	 }
	 .ayat_menu{
		 top:50px;
	 }
	 .top-nav {
    display: inline-block;
    float: right;
    margin-right: 50px;
    margin-top: 4px;
}
	 
	 .web-magazine{width:68px; height:40px;    background: url(../images/m-web2.PNG) no-repeat center;
	}
	.web-magazine:hover{width:68px; height:40px; background: url(../images/m-web2.PNG) no-repeat center;
	}
	 /*.top-nav{display:block;}*/
	/*.web-magazine{
		margin:0px auto;
		float:none;
		margin-bottom:4px;
		
	}*/
}

@media only screen and (max-width:400px) {
	.t-right,.t-left{float:none;}
	.ps-1 {width:100%;}
	
	.legal-logo{width:180px ;}
	.legal-logo img{height:48px}
	
}