@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }
}

html{
	scroll-behavior: smooth !important;
}
body{
	padding:0px;
	margin: 0px;
	overflow-x: hidden !important;
}

/*@font-face {*/
/*    font-family: 'myriadPro';*/
/*    src: url('../fonts/MyriadPro-Bold.otf') format('otf');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'gess_unique';*/
/*    src: url('../fonts/‬GE SS Text Medium.otf') format('otf');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/

/*}*/

/*body h1,h2,h3,h4,h6,span,h5,p,li,a,button,td,th{*/

/*font-family: 'myriadPro';*/

/*}*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-BoldCondIt.eot');
    src: url('../fonttest/subset-MyriadPro-BoldCondIt.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-BoldCondIt.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-BoldCondIt.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-BoldCondIt.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-BoldCondIt.svg#MyriadPro-BoldCondIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'GE SS Unique';
    src: url('../fonttest/subset-GESSUniqueBold-Bold.eot');
    src: url('../fonttest/subset-GESSUniqueBold-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSUniqueBold-Bold.woff2') format('woff2'),
        url('../fonttest/subset-GESSUniqueBold-Bold.woff') format('woff'),
        url('../fonttest/subset-GESSUniqueBold-Bold.ttf') format('truetype'),
        url('../fonttest/subset-GESSUniqueBold-Bold.svg#GESSUniqueBold-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GE SS Text';
    src: url('../fonttest/subset-GESSTextBold-Bold.eot');
    src: url('../fonttest/subset-GESSTextBold-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSTextBold-Bold.woff2') format('woff2'),
        url('../fonttest/subset-GESSTextBold-Bold.woff') format('woff'),
        url('../fonttest/subset-GESSTextBold-Bold.ttf') format('truetype'),
        url('../fonttest/subset-GESSTextBold-Bold.svg#GESSTextBold-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-Regular.eot');
    src: url('../fonttest/subset-MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-Regular.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-Regular.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-Regular.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-It.eot');
    src: url('../fonttest/subset-MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-It.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-It.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-It.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-It.svg#MyriadPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GE SS Text';
    src: url('../fonttest/subset-GESSTextItalic-LightItalic.eot');
    src: url('../fonttest/subset-GESSTextItalic-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSTextItalic-LightItalic.woff2') format('woff2'),
        url('../fonttest/subset-GESSTextItalic-LightItalic.woff') format('woff'),
        url('../fonttest/subset-GESSTextItalic-LightItalic.ttf') format('truetype'),
        url('../fonttest/subset-GESSTextItalic-LightItalic.svg#GESSTextItalic-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'GE SS Text';
    src: url('../fonttest/subset-GESSTextUltraLight-UltraLight.eot');
    src: url('../fonttest/subset-GESSTextUltraLight-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSTextUltraLight-UltraLight.woff2') format('woff2'),
        url('../fonttest/subset-GESSTextUltraLight-UltraLight.woff') format('woff'),
        url('../fonttest/subset-GESSTextUltraLight-UltraLight.ttf') format('truetype'),
        url('../fonttest/subset-GESSTextUltraLight-UltraLight.svg#GESSTextUltraLight-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-Cond.eot');
    src: url('../fonttest/subset-MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-Cond.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-Cond.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-Cond.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-CondIt.eot');
    src: url('../fonttest/subset-MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-CondIt.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-CondIt.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-CondIt.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-CondIt.svg#MyriadPro-CondIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-BoldCond.eot');
    src: url('../fonttest/subset-MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-BoldCond.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-BoldCond.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-BoldCond.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-Semibold.eot');
    src: url('../fonttest/subset-MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-Semibold.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-Semibold.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-Bold.eot');
    src: url('../fonttest/subset-MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-Bold.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-Bold.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-Bold.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GE SS Unique';
    src: url('../fonttest/subset-GESSUniqueLight-Light.eot');
    src: url('../fonttest/subset-GESSUniqueLight-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSUniqueLight-Light.woff2') format('woff2'),
        url('../fonttest/subset-GESSUniqueLight-Light.woff') format('woff'),
        url('../fonttest/subset-GESSUniqueLight-Light.ttf') format('truetype'),
        url('../fonttest/subset-GESSUniqueLight-Light.svg#GESSUniqueLight-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GE SS Text';
    src: url('../fonttest/subset-GESSTextMedium-Medium.eot');
    src: url('../fonttest/subset-GESSTextMedium-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-GESSTextMedium-Medium.woff2') format('woff2'),
        url('../fonttest/subset-GESSTextMedium-Medium.woff') format('woff'),
        url('../fonttest/subset-GESSTextMedium-Medium.ttf') format('truetype'),
        url('../fonttest/subset-GESSTextMedium-Medium.svg#GESSTextMedium-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-SemiboldIt.eot');
    src: url('../fonttest/subset-MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-SemiboldIt.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-SemiboldIt.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-SemiboldIt.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonttest/subset-MyriadPro-BoldIt.eot');
    src: url('../fonttest/subset-MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonttest/subset-MyriadPro-BoldIt.woff2') format('woff2'),
        url('../fonttest/subset-MyriadPro-BoldIt.woff') format('woff'),
        url('../fonttest/subset-MyriadPro-BoldIt.ttf') format('truetype'),
        url('../fonttest/subset-MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

body h1,h2,h3,h4,span,h5,h6,p,li,a,button{
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	font-style:normal;
	}
	::-webkit-input-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder,
	:-moz-placeholder{
	    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	}
/*.navbar-light .navbar-nav .nav-link {
    color: #87515d;
    font-size: 22px;
    font-weight: 550;
        margin-right: 35px;       
}*/
.navbar-header .icon-bar{
	background-color: #560818;
}
.navbar-brand{
	position: absolute;
	right: 50px;
}
.navbar-toggle{
	position: absolute;
	right: 80% !important;
}
.navbar-brand img{
	margin-top: -20px;
}
.navbar .container-fluid{
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: -20px;
}
.navbar ul{
	margin-top: 20px;
}
.navbar ul li a{
	font-size: 20px;
	color:#560818;
	font-weight: 500;
	text-shadow: 0px 1px #560818;
}
.navbar ul li ul{
	background-color: #fff;
	padding: 10px;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 20px !important;
}
.navbar ul li ul li a{
	font-size: 16px;
	color:#560818;
	/*padding-left: 10px;*/
	text-shadow: none;
}
/*#logo-align1{
	display: none;
}*/
.dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-toggle::after {
    display:none;
}
.container1{
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 1px;
}
@media(min-width: 767px) and (max-width: 800px){
	.container1{
		margin-right:-10px;
		margin-left: -10px;
	}
}
@media(max-width: 1100px){
	.container1{
		padding-left: 3%;
		padding-right: 3%;
	}
}
@media(max-width: 992px){
	.navbar ul li a{
		font-size: 24px;
		color:#560818;
		font-weight: 549;
	}
	.container1{
		padding-left: 0%;
		padding-right: 0%;
	}
}
@media(max-width: 768px){
	.navbar-nav>li>.dropdown-menu {
	    margin-top: 0px !important;
	}
	.navbar ul li ul{
		background-color: none;
		padding: 10px;
	}
}
/*============Navbar===============*/
.slider-section{
	background: url('../img/images/1_02.png');
	height: 560px;
	box-sizing: border-box;
	padding-left: 1px;
	padding-right: 1px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: top;
	direction: rtl;

}
.slider-section h1{
	padding-top: 10%;
	color: white;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.slider-section hr {
    text-align: center;
    width: 423px;
    border: none;
    background: white;
    height: 0.3vh;
    margin-top: -4px;
    margin:0px auto;
}
.slider-section p{
    text-align: center;
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}

.slider-section p a{
    color: white;
    font-size: 22px;
    /*opacity: .8;*/
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.slider-section p img{
    margin-top:-10px;
}
.btn-first{
	color: white;
	font-size: 24px;
	border: 2px solid white;
	background: transparent;
	width: 13%;
	line-height: 42px;
	cursor: pointer;
	/*opacity: .9;*/
}
.btn-first img{
	margin-top: -10px;
}
.btn-second{
	color: white;
	font-size: 24px;
	border:2px solid #8B1223;
	border-top:none;
	border-left: none;
	background: #4a0818;
	width: 14%;
	line-height: 47px;
	cursor: pointer;
	/*opacity: .9;*/
}
.btn-second img{
	margin-top: -10px;
}
span.links {
    border: 2px solid white;
    margin-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
@media(max-width: 512px){
	.btn-first{
		width: 33% !important;
		}
	.btn-second{
		width: 34% !important;
	}
	.slider-section hr {
	    width: 220px;
	}
}
@media(max-width: 320px){
	.btn-first{
		width: 150px !important;
		height: 50px;
	}
	.btn-second{
		width: 150px !important;
		height: 50px !important;
		margin-top:10px;
	}
}

 /*============topbar end============*/
 .text-up{
 	text-align: right;
 	padding-top: 0%;
 }
.main-heading{
	color: #560818;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 0px;
}
.head-line-img{
	width: 14%;
	height: auto;
	margin-top: -25px;
    width: 130px;
}
.common-para {
    font-size: 18px;
    color: #560818;
    /*opacity: .8;*/
    line-height: 17px;
}
 .iphone{
 	padding-top: 0%;
 }
 .iphone img{
 	height: 405px;
 }
 .iphone-text{
 	text-align: right;
 	padding-top: 2%;

 }
 .iphone-text p{
 	color:#560818 !important;
 	font-size: 18px;
 	    /*opacity: .8;*/
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';

 }
.iphone-section{
	padding: 20px;
	padding-top: 0px;
	border-right: 3px solid lightgrey;
	height: 87px;
	box-sizing: border-box;
}
.iphone-section h3{
	color: #560818;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.iphone-section h3 img{
	width: 22px;
	height: auto;
	margin-top:-10px;
}
.iphone-section p {
    color: #560818 !important;
    font-size: 18px;
       /*opacity: .8;*/
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.category{
	background: url('../img/images/1_04.png');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 1%;
	padding-bottom: 3%;
}
.category h1{
	color: white;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
	margin-bottom: 2%;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}

.category p{
	font-size: 20px;
	color: white;
	/*opacity: .8;*/
	text-align: center;
	letter-spacing: 0px;
	font-weight: 100;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.categories{
	text-align: center;
}
.categories p{
	font-size: 20px;
	color:#fff;
	/*opacity: .8 !important;*/
	/*font-weight: 600;*/
	text-shadow: 0px 1px #fff;
	letter-spacing: 0px;
	margin-left: 15%;
	margin-right: 15%;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.categories img {
    height: 75px;
    width: auto;
    margin-bottom: 26px;
}

@media(max-width: 992px){
	.iphone img{
		/*float: right !important;*/
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: 0px;
		width: 370px;
		height: 100%;
	}
}
@media(max-width: 512px){
	.iphone img{
		width: 280px !important;
		height: 100%;	
	}
	.text-up img{
		width: 100px;
	}
}

/*===========iphone section end================*/

.technology{
	background: url('../img/images/bg.png');
	padding-top: 0%;
	padding-bottom: 3%;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
.tech-head{
	text-align: center;
}
.tech-head h1{
	color: #560818;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0px;
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.tech-head img{
	margin-top: -30px;
}
.tech-head p{
	color: #560818;
	font-size: 22px;
	/*opacity: .9;*/
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.tech-des{
	padding: 20px;
	background: white;
	height: 236px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.tech-des img{
	margin-top: 10px;
	}
.tech-des h4{
	color: #560818;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	/*letter-spacing: 0px;*/
	text-align: right;
}
.tech-des h5{
	color: #560818;
	font-size: 18px;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	font-weight: bold;
	text-align: right;
	margin-top: -10px;
}
.desc-right{
	margin-top: 80px;
}
.desc-right p{
	text-align: right;
	color: #560818;
	border-right: 2px solid lightgrey;
	padding-right: 10px;
	font-size: 16px;
	letter-spacing: 0px;
	margin-top: 20px;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
direction: rtl;
}
.desc-right p span{
	font-weight:bold;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
@media(max-width: 992px){
	.tech-des{
		margin-bottom: 4% !important;
	    height: 180px !important;
	}
}
@media screen and (max-width: 767px){
	.tech-des{
		margin-bottom: 4% !important;
	    height: 225px !important;
	}
}
@media(max-width: 400px){
	.tech-des{
	    height: 250px !important;
	}
}

/*=====================technology section end=====================*/

.book{
	text-align: right;
	margin-top: 2%;
}
.book h1{
	color: #560818;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0px;
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.book img{
	width: 230px;
	height: 20px;
}
.book-img img{
	
	margin-top: -60px;
}
.app-img{
	margin-bottom: 15%;
	margin-top: 5%;
}
.app{
	padding-top: 5%;
}
.app p{
	text-align: justify;
	color: #560818;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	direction: rtl;
    
}
@media(max-width: 1200px){
	.book-img img{
		margin-top: 0px;
	}
}
@media(max-width: 992px){
	.book-img img{
		margin-top: 5%;
		margin-right: -20px;
		margin-left: auto;
		height: 300px;
	}
}
@media(max-width: 512px){
	.book-img img {
		width: 300px;
		height: auto;
		margin-left: auto;
		margin-right: 0px;
	}
	.book h1{
		color: #560818;
	    font-size: 28px;
	    font-weight: bold;
	    letter-spacing: 0px;
	}
	.app p{
	    font-size: 16px;
	    /*opacity: .7;*/
	}
}


@media only screen and (max-width: 768px){
	.book-img img{
		margin-top: 10%;
		margin-right: 0px;
		margin-left: auto;
	}
	.book h1{
		color: #602735;
	    font-size: 38px;
	    font-weight: bold;
	    letter-spacing: 0px;
	}
	.book img{
		width: 185px;
		height: 20px;
	}
}
@media(max-width: 330px){
	.app-img img{
		margin-bottom: 10px;
		align-content: center;
	}
	.book-img img{
		width: 250px !important;
		height: 100%;
	}
}


/*===========book section end=============================*/
.portfolio{
	padding-top: 1%;
	padding-bottom: 3%;
	background: url('../img/images/1_06.png');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
.port-heading{
	text-align: center;
	margin-bottom: 0%;
}
.port-heading h1{
	color: white;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 0px;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.port-heading img{
	margin-top:-25px;
}

.project{
	height: 250px;
	cursor: pointer;
	/*position: relative;*/
}
.project img{
	width: 100%;
	height: 100%;
}
.project .search{
	position: absolute;
	top: 35%;
	left: 31%;
	z-index: 2;
	width: 100px;
	height: 100px;
	display: none;
}

.project:hover .search{
	display: block;
}
a:hover{
	text-decoration:none !important;
}
.project:hover .back{
	background-color:green;
	z-index: 3;
}
.port-button{
	text-align: center;
}
.port-button button{
	color: white;
	background: #7f294c;
	width: 22%;
	line-height: 24px;
	border: 2px solid #460d0d;
	border-top: none;
	border-left: none;
	padding-top: 11px;
	padding-bottom: 4px;
	font-weight: 500;
	/*opacity: .8;*/
	font-size: 24px;
	cursor: pointer;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.port-button a:hover p,.port-button a:hover span{
	color: #fff;
}
.port-button button:focus,.port-button button:hover{
	outline:none !important;
	opacity:.5;
}
.p-name{
	border-top: 2px solid #602735;
	text-align: center;
	background: white;
	/*padding-top: 10px;*/
	padding-bottom: 8px;
direction: rtl;

}
.p-name h4{
	/*opacity:.8;*/
	font-size: 20px;
	color:#560818;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.project-section{
	cursor: pointer;
	padding: 20px;
	height: 350px;
}

.row-hidden{
	display: none;
}
.row-hidden .col-md-4{
	display: block !important;
}
@media(max-width: 767px){
	.p-name{
		border-top: 2px solid #602735;
		text-align: center;
		background: white;
		padding-bottom: 8px;
		margin-top: 600px;
	}
		.project .img{
		width: 100%;
		height: 250px !important;
	}
	.port-button{
		margin-top: -30px;
		margin-bottom: 10%;
	}
	.project {
	    height: 227px;
	    cursor: pointer;
	}
}

@media(max-width: 512px){
	.gal-container{
		padding: 0px;
	}

	.p-name{
		border-top: 2px solid #602735;
		text-align: center;
		background: white;
		margin-top:200px;
		padding-bottom: 8px;
	}
	.project .img{
		width: 100%;
		height: 250px !important;
	}
}
/*@media(max-width: 400px){
	.p-name{
		margin-top:200px;
		padding-bottom: 8px;
	}
		.project .img{
		width: 100%;
		height: 200px !important;
	}
}*/

@media(max-width: 992px){
	.project img{
		width: 100%;
		height: 250px !important;
	}
	.p-name{	
		margin-top: 142px;
		padding-bottom: 8px;
	}
	.project {
	    height: 107px;
	    cursor: pointer;
	}
}
/*=================portfolio end===============*/

/*.client-heading
{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 4%;
}
.client-heading h1{
	color: #602735;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0px;
}
.client-heading img{
	width: 171px;
	margin-bottom: 2%;
}
.client-heading p{
	color: #602735;
    font-size: 20px;
    font-weight: 550;
    letter-spacing: 0px;
    opacity: .8;
    margin-bottom: 2px;
	
}
.company-logo{
	margin-bottom: 3%;
}
.company-logo img{
	margin-right: 52px;
	margin-bottom: 25px;
}*/


/*=============client-heading end======================*/

.mail-back{
	background:#3c1f24;
	padding-top: 3%;
	padding-bottom: 3%;
}
.mail-box{
	padding-top: 10%;
}

.mail-box a{
	padding: 10px 20px 10px 20px;
	background: #7f294c;
	color: white;
	font-size: 18px;
	border: 2px solid #460d0d;
	border-left: none;
	border-top: none;
	margin-top: 20px;
	/*opacity: .9;*/
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.mail-box a:hover{
	
	color: white;
	text-decoration: none;
	opacity: .8;
}
.message{
	text-align: right;
}
.message p{
	color: white;
	font-size: 22px;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
	/*opacity: .8;*/
	margin-bottom: 5px;
}
.map{
	padding-left: 1px;
	padding-right: 1px;
}
@media(max-width: 767px){
	.mail-box-hidden{
		display: block !important;
	}
	.mail-box-show{
		display: none !important;
	}
}
@media(min-width: 768px){
	.mail-box-hidden{
		display: none !important;
	}
}
@media(max-width: 768px){
	.col-reverse{
		display: flex;
		flex-direction: column-reverse;
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
	}
	.mail-box{
		float: right;
		padding-top: 3%;
		margin-bottom: 4%;
	}
	.message{
		margin-top: 4%;
	}
}

/*== ==== mail section end ==============*/

/*=========Footer===========*/
.footer{
	background-color: #261417;
	padding: 2% 5% 2% 5%;
}
.footer .row1{
	width: 43%;
	display: inline-block;
	margin-bottom: 30px;
}
.footer .row2{
	width: 55%;
	display: inline-block;
	margin-bottom: 10px;
	
}
.footer ul{
	list-style-type: none;
}
.footer ul li{
	color: lightgray;
	font-size: 16px;
	text-align: right;
	padding: 5px;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.footer ul li a{
	color: lightgray;
	font-size: 16px;
	text-align: right;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.footer ul li a span{
	color: #d76e99;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.footer ul li a:hover{
	color: gray;
	text-decoration: none;
	opacity: .8;
}
.footer ul li:first-of-type{
	color: #c87482;
	font-size: 20px;
	text-align: right;
	font-weight: 600;
	/* margin-bottom: 10px; */
}
.footer ul li a img{
	/*margin-top: -10px;*/
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    background: lightgrey;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-bottom: 10px;
}
.form-control{
	border:none;
	background: lightgrey;
	border-radius: 0px;
	text-align: right;
}
input:focus{
	outline: none !important;
	border:none;
}
.input-group-addon{
	padding-left: 10px;
	padding-right: 10px;
}
.input-group-addon img{
	width: 16px;
	height: auto;
}
.btn-submit{
	background-color: #7f294c !important;
}
.submit{
	display: inline-block !important;
	width:30%;
	background: #7f294c !important;
	text-align: center;
	height: 35px;
	padding-top: 5px;
	line-height: 32px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
}
.input-group-addon:last-child {
    border-left: 0;
    background: #fff;
    vertical-align: top;
}
.submit input[type="submit"]{
	background: #7f294c;
	border: none;
	color: white;
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
.bottom{
	background: black;
	padding-top: 15px;
	padding-bottom: 1px;
}
.bottom p{
	color: white;
	text-align: center;
	/*opacity: .8;*/
	font-family: 'Myriad Pro','GE SS Unique','GE SS Text';
}
@media(min-width: 992px) and (max-width: 1200px){
	.footer{
		padding: 3% 3% 2% 0%;
	}
	/*.footer .row1{
		display: inline-block;
		margin-bottom: 50px;
	}*/
}
@media(min-width: 992px) and (max-width: 1318px){
	.footer .row2{
		width: 59%;
		display: inline-block;
		margin-bottom: 20px;
	}
}
@media(min-width: 992px) and (max-width: 1014px){
	.footer .row2{
		width: 59%;
		display: inline-block;
		margin-bottom: 40px;
	}
}
/*@media(max-width: 992px) and (min-width: 768px){
	#flex{
		display: -webkit-flex;
	    -webkit-flex-direction: column-reverse;
	    display: flex;
	    flex-direction: row-reverse;
	}
}*/
@media(max-width: 1030px){
	.footer .row1{
		width: 40%;
		display: inline-block;
	}
	.footer .row2{
		width: 58%;
		display: inline-block;
	}
}
@media(max-width: 992px){
	.footer .row1{
		width: 100%;
	}
	.footer .row2{
		width: 100%;
	}
	#flex{
		display: -webkit-flex;
	    -webkit-flex-direction: column-reverse;
	    display: flex;
	    flex-direction: column-reverse;
	}
}
@media(max-width: 767px){
	.hidden1{
		display: block !important;
	}
	.show1{
		display: none !important;
	}
}
@media(min-width: 768px){
	.hidden1{
		display: none !important;
	}
}
/*====responsive===========*/
@media screen and (max-width: 512px){
	.iphone img {
	    width: 200px;
	    height: auto;
	}
	.iphone {
	    padding-top: 25%;
	    text-align: center;
	}
	
	.slider-section h1 {
	    padding-top: 15%;
	    color: white;
	    font-size: 20px;
	    font-weight: bold;
	    text-align: center;
	}
	.slider-section p a {
	    color: white;
	    font-size: 18px;
	    /*opacity: .8;*/
	}
	span.links{
		border: none;
	}
	.btn-first {
	    width: 32%;
	}
	.btn-second {
	    width: 36%;
	}
	.slider-section {
	    height: 315px !important;
	}
	.main-heading {
	    font-size: 35px;
	}
	.head-line-img {
	    width: 117px;
	    height: auto;
	}
	.iphone-section {
	    border-right: none;
	    height: 108px; 
	}
	.category h1 {
	    font-size: 22px;
	}
	.category p {
	    font-size: 18px;
	}
	.categories img {
	     margin-bottom: 2px; 
	}
	.categories {
	    margin-bottom: 32px;
	}
	.book h1 {
	    font-size: 35px;
	}
	.book img {
	    width: 175px;
	    height: 15px;
	}
	.port-button  button {
	    width: 70%;
	}
	.client-heading h1 {
	    font-size: 35px;   
	}
	.client-heading img {
	    width: 130px;
	    margin-bottom: 2%;
	}
	.company-logo img {
	    margin-right: 15px;
	    margin-bottom: 8px;
	}
	.mail-box {
	    padding-top: 5%;
	    text-align: right;
	    padding-bottom: 7%;
	}

	/*#flex{
		display: flex;
		flex-direction: column-reverse;
	}*/
	.tech-head h1 {
	    color: #602735;
	    font-size: 35px;
	    font-weight: bold;
	    letter-spacing: 0px;
	}
	.tech-head img{
	 width: 100px;
	}
	.tech-des {
	    margin-bottom: 20px;
	}
}

@media screen and (max-width: 992px){
	span.links {
     border:none; 
	}
	.btn-first {
	    width: 21%; 
	}
	.btn-second {
	    width: 24%;
	}
	.slider-section {
	    height: 429px;  
	}
	.iphone {
	    padding-top: 9%;
	    text-align: center;
	}
	.iphone-text {
	    padding-bottom: 5%;
	}
	.categories {
	    text-align: center;
	    margin-bottom: 17%;
	}
	
	.port-button button {
	    
	    width: 35%;
	    
	}
	.company-logo img {
	    margin-right: 19px;
	    margin-bottom: 0px;
	}
}
/*@media(min-width: 992px){
	#flex{
		display: -webkit-flex;
	    -webkit-flex-direction: column-reverse;
	    display: flex;
	    flex-direction: row-reverse;
	}
}*/
@media screen and (max-width: 1025px){
	.port-button button {
	  width: 200px;
	}
	.company-logo img {
	    margin-right: 26px;
	    margin-bottom: 25px;
	}
	.mail-box a {
	    padding: 5px 10px;
	}
	.message p {
	    color: white;
	    font-size: 18px;
	    
	}
}