@media only screen and (max-width: 1200px) {
   
    #footer { width: 90%; }

    #footer-bottom { width: 90%; }

    #footer-about {
        width: calc(50% - 20px);
        float: right
    }    .hide-in-res
    {
        display:none;
    }
    
    

#page-right
{
        width:calc(100% - 330px);
    min-height:0px;
    height:auto;
    overflow:auto;
    float:right;
}

#page-left
{
    width:300px;
    min-height:0px;
    height:auto;
    overflow:auto;
    float:left;
}

    
.page-box 
{
    width:90%
}  
    
    
    .home-title p
{
    width:70%;
}

    .home-box
    {
        width:90%;
        margin:0px auto;
    }
    
    #page
    {  width:90%;
       margin:30px auto
        
    }

    #footer-contact {
        width: calc(50% - 20px);
        float: left
    }

    #footer-link { display: none; }

    #footer-service { display: none; }
    
	#top
	{
		width:95%;
	}	
	
	#header
	{
		width:95%;
		margin:0 auto
	}
	
#cssmenu
	{
		display:none
	}
	
	
	#dl-menu
	{
		display:block;
		margin-top:-37px;
		width:100%;
		position:relative;
		z-index:9999999;

	}
	
	
	#header-wrapper
	{
	    height:60px;
	}

	#header-logo
	{
	    float:none;
		width:auto;
		height:100%;
		margin:0px 0px;
	}
	
	#header-navigation
	{
	    display:none;
	}	
	
	#header-logo img
	{
	    float:left;
	}
	

	
	#top-right
	{
	    display:none;
	}
		
	#top-left
	{
	    float:right;
	}	
	

ul#language
{
    float:right;

}
ul#language li
{
    float:right;
    margin-right:0px;
    margin-left:7px;
    margin-top:7px;
}
		
    ul#video li {
       width: calc(33.3% - 20px);
    }
		
		
		
#product-right {
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0px auto;
    float: right;
    margin-bottom:100px;
}

#product-center {
    width: calc(100% - 0px);
    height: auto;
    overflow: auto;
    margin: 0px auto;
    float: right;
    position: relative;
    text-align: right;
    direction: rtl;
    margin-right: 0px;
    padding-bottom: 50px;
}

    ul#cources li {
        width: calc(33.3% - 20px);
        float: right;
        margin:0px 10px 20px 10px;
        list-style-type: none;
    }



    
}

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


.contact-right
{
	width:calc(100% - 0px);
	float:right;
	min-height:100px;
	height:auto;
	overflow:auto;
	text-align:right;
	direction:rtl;
	position:relative;
	margin-top:20px
}

.contact-left
{
	width:calc(100% - 0px);
	float:left;
	min-height:100px;
	height:auto;
	overflow:auto;
	text-align:right;
	direction:rtl;
	position:relative;
	margin-top:20px

}

ul#services li
{
    width:calc(33.3% - 20px);
    float:right;
    margin-left:20px;
    list-style-type:none;
    margin-bottom:20px;
}

ul#services li:nth-child(4n+4)
{
    width:calc(33.3% - 20px);
    float:right;
    margin-left:20px;
    list-style-type:none;
    margin-bottom:20px;
}


ul#services li:nth-child(3n+3)
{
    width:calc(33.3% - 20px);
    float:right;
    margin-left:0px;
    list-style-type:none;
    margin-bottom:20px;
}
   
  
ul#blog > li
{
    width:50%;
} 
  
  
  .sticky-nav-tabs
  {
      display:none !important;
  }
#page-right
{
	width:100%;	margin-bottom:20px;
}

#page-left
{
	width:100%;	margin-bottom:20px;
}


#home-box-story
{
    width:80%;
}

	#about-right
	{
		width:calc(100% - 0px)
	}
	
	#about-left
	{
		display:none
	}

ul.peoples li
{
    list-style-type:none;
    width:calc(50% - 10px);
    margin-bottom:20px;
    margin-left:0px;
    float:right;
    
}

ul.peoples li:nth-child(3n + 3)
{
    width:calc(50% - 10px);
    margin-left:0px;
    float:right;
    
}
ul.peoples li:nth-child(odd)
{
    float:right;
    
}
	ul.peoples li:nth-child(even)
{
    float:left;
    
}



.people-details h3
{
	font-size:14px;
	font-weight:500;
}


.people-details p
{
    font-size: 12px;
    font-weight: 400;
}


}




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


@media only screen and (max-width: 768px) { 
     ul#cources li {
        width: calc(50% - 20px);
        float: right;
        margin:0px 10px 20px 10px;
        list-style-type: none;
    } 
      ul#video li {
       width: calc(50% - 20px);
    }
		
  
ul#services li
{
    width:calc(50% - 20px);
    float:right;
    margin-left:20px;
    list-style-type:none;
    margin-bottom:20px;
}

ul#services li:nth-child(4n+4)
{
    width:calc(50% - 20px);
    float:right;
    margin-left:20px;
    list-style-type:none;
    margin-bottom:20px;
}


ul#services li:nth-child(3n+3)
{
    width:calc(50% - 20px);
    float:right;
    margin-left:20px;
    list-style-type:none;
    margin-bottom:20px;
}
    
  ul#services li:nth-child(odd)
{
    float:right;
}
    ul#services li:nth-child(even)
{
    float:left;
}

ul.peoples li
{
    list-style-type:none;
    width:calc(100% - 0px);
    margin-left:0px;
    float:right;
    
}

ul.peoples li:nth-child(3n + 3)
{
    width:calc(100% - 0px);
    margin-left:0px;
    float:right;
    
}
ul.peoples li:nth-child(odd)
{
    float:right;
    
}
	ul.peoples li:nth-child(even)
{
    float:right;
    
}
	
  
    #footer-right {
        width: 100%;
        text-align: center;
    }

    #footer-left {
        width: 100%;
        text-align: center;
    }

    #footer-about {
        width: 100%;
        float: right;
        padding-bottom: 30px;
        border-bottom: 1px solid #666666
    }

    #footer-contact {
        padding-top: 30px;
        width: 100%;
        float: right
    }



.comment-right
{
    width:100%;
    float:none;
}

.comment-left
{
    width:100%;
}


.answer
{
    width: 100%;
    
}
}

@media only screen and (max-width: 557px) { 
ul#blog > li
{
    width:100%;
} 


    ul#cources li {
        width: calc(100% - 50px);
        float: right;
        margin:0px 25px 20px 25px;
        list-style-type: none;
    }

ul#services li
{
    width:calc(100% - 50px);
    float:right;
    margin-left:25px;
    margin-right:25px;
    list-style-type:none;
    margin-bottom:20px;
}

ul#services li:nth-child(4n+4)
{
    width:calc(100% - 50px);
    float:right;
    margin-left:25px;
    margin-right:25px;
    list-style-type:none;
    margin-bottom:20px;
}


ul#services li:nth-child(3n+3)
{
    width:calc(100% - 50px);
    float:right;
    margin-left:25px;
    margin-right:25px;
    list-style-type:none;
    margin-bottom:20px;
}
    
  ul#services li:nth-child(odd)
{
    float:right;
}
    ul#services li:nth-child(even)
{
    float:right;
}



.service {
    width: 100%;
    height: auto;
    overflow:auto

}   
#comment
{
    padding-top:12px;
    padding-bottom:20px;
}

#comment-right
{
    width:100%;   text-align:center;
    min-height:0px;
    height:auto;
    overflow:auto;
}




#comment-left
{
    width:100%;
    margin:10px auto;
    float:none;
    text-align:center;    min-height:0px;
    height:auto;
    overflow:auto;
}

#comment-left .btn
{
    width:100%;
    text-align:center
}
#comment-right p
{
    text-align:center
}

#comment-right h6
{
    text-align:center;    text-align: center;
    height: auto;
    line-height: 1.2em;
}

    
}


@media only screen and (max-width: 480px) {
          ul#video li {
       width: calc(100% - 20px);
    }

}

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