/*
Theme Name: Shirley
Theme URI: http://sazin.me/
Description: A full featured customized theme by <a target="_blank" href="http://sazin.me/">Saiful</a> from <a target="_blank" href="http://sazin.me/</a>
Author: Md Saiful Islam
Author URI: http://sazin.me/
Version: 1.2 

*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:10px;}
.alignright {
    float: right;
    margin-left: 40px;
    margin-bottom: 20px;
}
.aligncenter {display:block;margin:0 auto}

.logo.clearfix{
    float: right;
}

.page-title .breadcrumb {
    left: 30px;
    right: auto;
    direction: rtl;
}

h4.text-uppercase {
    direction: rtl;
    text-align: right;
}
.full-banner img {
    width: 100%;
    height: 100%;
}
.flex-control-nav {
    display: none;
}
.heading-title-side-border.text-left h4.text-uppercase {
    margin-right: 0px;
    padding: 0;
    padding-left: 5px;
}
.saiful-pageconten p {
    direction: rtl;
}
.portfolio-title {
    direction: rtl;
}
textarea#comment {
  display: block;
  width: 90%;
  height: 150px;
  border: 1px solid #e5e5e5;
}
.comments label{
	display: block;
}
.comments input{
	 border: 1px solid #e5e5e5;
}

.comment-form-author {
  float: right;
  width: 45%;
}
.comment-form-url {
  display: none;
}
.comment-form-author > input {
  width: 95%;
}
.comment-form-email > input {
  width: 45%;
}
.form-submit input[type="submit"] {
  background-color: #87adb2;
  color: #fff;
  padding: 5px 11px;
}
.form-submit input[type="submit"]:hover {
  background-color: #D6B161;
}
.saifulflaot {
    float: right;
}

.page-id-26 .page-content{
  min-height: 700px;
}

.contact-comments.m-top-50 {
    direction: rtl;
    text-align: right;
}

.contact-comments input,
.contact-comments textarea {
    direction: rtl;
    text-align: right;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-small.btn-dark-solid {
    margin-right: -22px;
}
.saifulfooter {
    float: right;
    direction: rtl;
}

.saiful-singlepost img {
  height: 100%;
  width: 100%;
}
.circle {
    float: right;
}

.genertext {
    float: right;
    direction: rtl;
}
.generimg {
    float: right;
}
.genertext ul{
    color: #1b1b1b;
}
.genertext ul li a{
    color: #1b1b1b;
}
.genertext a{
    color: #1b1b1b;
}
.genertext ul li{
    color: #1b1b1b;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flex-direction-nav .flex-next {
    right: 0;
}
.flex-direction-nav .flex-next {
    right: 0 !important;
}
a.saifulprot {
    width: 100%;
    height: 100%;
    display: block;
}
ol.breadcrumb br {
    display: none;
}
.page-id-4 .portfolio-item.cat2.cat4 {
    height: 415px;
}

ul#menu-mainmenu {

    text-align: right;
}


/* Medium Screen */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.height-600 {
  height: 480px !important;
}
.full-banner img {
  height: 79%;
}
.page-title {
  clear: left;
  display: block;

}
}

/* Tablet Screen  768px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.full-banner img {
  height: 60%;
  width: 100%;
}
.full-width img {
  height: 400px;
}
.menuzord-menu.menuzord-indented.scrollable {
  margin-right: 30px;
}
.page-title {
  clear: left;
  display: block;

}
}

/* Mobile Screen  320px*/
@media only screen and (max-width: 767px) {

.height-600 {
    height: auto !important;
        margin-top: 50px;
}
.full-width img {
  height: 300px;
}
.page-title h4.text-uppercase {
  text-align: center;
}
.page-title {
  clear: left;
  display: block;

}
.comment-form-author {
  width: 100%;
}
.comment-form-email > input {
  width: 95%;
}
textarea#comment {
  width: 96%;
}
 .portfolio .portfolio-item .thumb img {
    height: 200px;
}
 .page-id-4 .portfolio-item.cat2.cat4 {
    height: 350px;
}

.full-width img  {
    height: 210px;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.height-600 {
    height: 200px !important;
}
.full-width img {
  height: 400px;
}
.page-title h4.text-uppercase {
  text-align: center;
}
.page-title {
  clear: left;
  display: block;

}
.comment-form-author {
  width: 100%;
}
.comment-form-email > input {
  width: 95%;
}
textarea#comment {
  width: 96%;
}
.portfolio .portfolio-item .thumb img {
    height: 180px;
}
 .page-id-4 .portfolio-item.cat2.cat4 {
	height: 340px;
}
}