/*--
SHOP IN SYRIA WEBSITE - DESIGNED BY
/***MOIZ ALAM ***/
@import url('https://fonts.googleapis.com/css?family=Roboto');
html, body                              {overflow-x: hidden}
body                                    {overflow: hidden !important;width: 100%;height: 100%;margin: 0;background: #FFF;color: #000;
	                                    font-family: 'Roboto', sans-serif;}
body a                                  {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;
	                                    -o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration: none;
	                                    font-family: 'Raleway', sans-serif;}
body a:hover                            {text-decoration: none;}
body a:focus,a:hover                    {text-decoration: none;}

ul                                      {padding: 0;margin: 0;list-style: none;}
p                                       {font-size: 13px;color: #7a7a7a;line-height: 22px;}

.primary-button a                       {text-decoration: none;padding: 10px 18px;display: inline-block;border-radius: 24px;font-size: 11px;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
h1.bold                                 {font-size:40px;color: #fff;font-weight: 700;}
span.text-app                           {font-size: 30px;color: #fff;}
p.text-content                          {font-size: 16px;color: #fff;}
.col-left                               {margin-left: -22%;}

.first-section                          {background-image: url(../img/first-section-bg.png);background-size: cover;width: 100%;background-repeat: no-repeat;padding: 15% 0px 20% 0px;}

.fourth-section                         {background-image: url(../img/fourth-section-bg.png);background-size: cover;width: 100%;background-repeat: no-repeat;padding: 10% 0px;}
.third-section                          {background-size: cover; background-color: #dee6aa96; width: 100%; padding-bottom: 5%;}
.section-4                              {margin-top: -57%;width: 30%;margin-left: 70%; position: absolute;}
.section-head                           {font-size: 35px;color: #f1844d;text-align: center;font-weight: 500;margin-top: -32%;}
.section-head2                          {font-size: 35px;color: #f1844d;text-align: center;font-weight: 500;margin-top: 2%;}
p.main-text                             {font-size: 18px;text-align: justify;}
p.about-text                            {font-size: 20px;text-align: justify; color: #000;}
.section-head1                          {font-size: 35px;color: #f1844d;text-align: center;font-weight: 500;margin-top: -4%;}

.fivth-section                          {background-image: url(../img/third-section-bg.png);background-size: cover;width: 100%;background-repeat: no-repeat;padding: 20% 0px;margin-top: -10%;padding-bottom: 5%;}
.fivth-section .right-image             {display: inline;}
h3.head                                 {font-size: 25px;margin-top: -60%;color: #fff;}
h3.head1                                {font-size: 25px;margin-top: -60%;color: #fff;}
.icons                                  {width: 15%;}
a.link                                  {color: #fff;font-size: 15px;font-weight: 500;}
a.link1                                 {color: #fff;font-size: 15px;font-weight: 600;}
.phone                                  {margin-top: -90%;position: absolute;}
.footer                                 {background-color: #258f79; padding-bottom: 3%;}
.footer .social-icon a                  {display: inline-block;color: #fff;font-size: 25px;/* padding: 1px; */}
.footer .social-icon                    {float: right;}
.social-media                           {width: 75%;}   
.copyright 							    {background: #44321d;width: 100%;}
.copyright p							{margin: 0; padding: 10px 0; text-align: right; color: #fff; font-size: 14px;}
.copyright a							{color: #fff;}
p.copyright1                            {text-align: left;}
.mobile-logo                            {display: none;}
a.language-right                        {float: right; color: #fff; font-size: 20px; margin-right: 5% !important;}
a.language-right1                       {display: none;} 
.syria1                                 {width: 55%;margin-top: 10%; margin-left: 25%;} 
p.text-contact                          {color: #fff; font-size: 18px;}
.socialIcon                             {display: inline-block; padding-right: 10px; padding-top: 5px;}
.socialIcon1                            {display: inline-block; padding-right: 10px; padding-top: 5px;}
.right1                                 {margin-right: -10%;}
.form-control                           {display: block;width: 100%;height: 45px;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;color: #fff;background-color: transparent;background-image: none;border: 0px solid #999999;border-bottom: 1px solid #fff;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.form-control::-moz-placeholder         {color: #fff;opacity: 1;}
.form-control:-ms-input-placeholder     {color: #fff;}
.form-control::-webkit-input-placeholder{color: #fff;opacity: 1 !important;}
.form-control:focus                     {border-color: #6dd200;outline: 0;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(79, 191, 168, 0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(79, 191, 168, 0.6);}
.form-group                             {margin-bottom: 30px;}
.btn                                    {font-weight: normal;font-family: 'Lato', sans-serif;text-transform: uppercase;
                                        letter-spacing: 0.08em;padding: 10px 30px;font-size: 12px;line-height: 1.42857143;
                                        border-radius: 0;}
.btn.active, .btn:active                {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.btn.focus, .btn:focus, .btn:hover      {color: #333;text-decoration: none;}
.contactInfo 	                        {margin: 22px 0;}
.btn                                    {font-weight: normal;font-family: 'Lato', sans-serif;text-transform: uppercase;
                                        letter-spacing: 0.08em;padding: 10px 30px;font-size: 12px;line-height: 1.42857143;
                                        border-radius: 0;}
.btnSubmit                              {color: #fff;background-color: #f37021;border-color: #fff;}
.socialIcon                             {width: 35px;}
.socialIcon1                            {width: 25px;} 
h2.contact-head                         {font-size: 25px;}


/* ==================================
-- RESPONSIVE SECTION STARTS HERE ---
=====================================*/

@media only screen and (max-width: 2100px){
.fivth-section                          {margin-top: -12%;}
.phone                                  {margin-left: -5%;margin-top: -105%;}
.section-head1                          {margin-top: -7%;}
.section-head2                          {margin-top: 3%;}
p.main-text                             {font-size: 18px;margin-top: 2%;}
p.about-text                            {font-size: 20px;margin-top: 5%;}
h3.head                                 {font-size: 30px;margin-top: -80%;}
h3.head1                                {font-size: 30px; margin-top: -80%;}
a.link                                  {font-size: 19px;}}

@media only screen and (max-width: 1600px){
.fivth-section                          {margin-top: -10%;}
.phone                                  {margin-left: -5%;margin-top: -80%;}
.section-head1                          {margin-top: -4%;}
.section-head2                          {margin-top: 3%;}
p.main-text                             {font-size: 18px;margin-top: 2%;}
p.about-text                            {font-size: 20px;margin-top: 5%;}
h3.head                                 {font-size: 25px;margin-top: -50%;}
h3.head1                                {font-size: 25px; margin-top: -50%;}
a.link                                  {font-size: 20px;}}

@media only screen and (min-width: 1326px){
.section-head                           {margin-top: -28%;}}


@media only screen and (max-width: 1024px){
.first-section                          {padding: 25% 0px 30% 0px;}
.img-syria1                             {width: 35%;} 
.col-left                               {margin-left: -30%;margin-top: -2%;}    
 h1.bold                                {font-size: 30px;}  
 span.text-app                          {font-size: 25px;}
.section-4                              {margin-top: -68%;}
.section-head                           {font-size: 30px; margin-top: -35%;}
.section-head1                          {font-size: 30px;}
.section-head2                          {font-size: 30px;}
.phone                                  {margin-top: -75%;}
h3.head                                 {margin-top: -50%;}
h3.head1                                {margin-top: -50%;}
a.link                                  {font-size: 15px;}
.social-media                           {width: 60%;}}


@media (max-width: 850px){
.first-section                          {padding: 25% 0px 30% 0px;}
.first-section .text-content            {text-align: justify;}
.section-4                              {margin-top: -80%;margin-right: -3%;}
.fourth-section                         {padding: 22% 0px;}
.fivth-section                          {margin-top: -27%;}
h3.head                                 {margin-top: -45%; font-size: 20px;}
h3.head1                                {margin-top: -45%; font-size: 20px;}
a.link                                  {font-size: 12px;}
p.main-text                             {font-size: 15px;}
p.about-text                            {font-size: 20px;margin-top: 5%;}
.icons                                  {width: 11%;}
.google-play                            {width: 35%;}
.copyright p                            {font-size: 13px;}
.section-head                                {margin-top: -45%;}
.section-head1                               {margin-top: -12%;}
.col-left                                    {margin-left: -32%; margin-top: -3%;}
h1.bold                                      {font-size: 25px;}
.img-syria1                                  {width: 30%;}
.mobile-logo                                 {display: block;}
a.language-right                             {display: none;}
.right1                                      {margin-right: -5%;}
.syria1                                      {width: 80%; margin-top: 25%; margin-left: 15%;}
a.language-right1                            {float: right; color: #fff; font-size: 20px; margin-right: 5% !important; display: block;}}


@media (max-width: 475px){
.first-section                               {padding: 100% 0px 0% 0px;}
.img-syria1                                  {width: 60%;padding-top: 0%; margin-top: -100%;}
.col-left                                    {margin-left: 25%;margin-top: -25%;}
h1.bold                                      {font-size: 15px;} 
span.text-app                                {font-size: 15px;}
p.text-content                               {font-size: 14px;}}


@media (max-width: 425px){
.fivth-section                               {margin-top: -20%;}	
h3.head                                      {margin-top: -10%;}
h3.head1                                     {margin-top: 10%;}
.phone                                       {left: 5%;margin-top: -77%; width: 100%; opacity: .19;}
.copyright p                                 {font-size: 15px; text-align: left;}
.social-media                                {width: 55%; float: right;}
.footer .social-icon                         {margin-top: -8%;}
.col-left                                    {margin-top: -90%;}
.img-syria1                                  {margin-top: -245%;}
p.text-content                               {font-size: 13px;}
.section-4                                   {margin-top: -80%;}
.google-play                                 {width: 50%;}
.section-head                                {margin-top: -50%;}
.section-head1                               {margin-top: 3%;}
a.link                                       {font-size: 17px;}
h3.head1                                     {font-size: 25px;}
h3.head                                      {font-size: 25px;}
.right1                                      {margin-right: 0%;}
.syria1                                      {width: 50%; margin-left: 25%;}
h2.contact-head                              {font-size: 18px;}}

@media (max-width: 375px){	
.first-section                               {padding: 130% 25px 0% 0px;}
.img-syria1                                  {margin-top: -345%;}
.col-left                                    {margin-top: -120%;}
p.text-content                               {font-size: 12px;}
.section-4                                   {margin-top: -90%;}
a.link1                                      {font-size: 15px;}
.social-media                                {width: 50%;}
.footer .social-icon                         {margin-top: -9%;}
.section-head                                {margin-top: -60%;}}


@media (max-width: 320px){
.img-syria1                                  {margin-top: -400%;}
.col-left                                    {margin-top: -135%;}
a.link                                       {font-size: 16px;}
a.link1                                      {font-size: 15px;}
.copyright p                                 {margin-left: -15%; font-size: 15px;}
.phone										 {margin-top: -82%;}
.footer .social-icon                         {margin-top: -11%;}
.section-head2                               {font-size: 28px;}
.section-head                                {margin-top: -50%;}}

/* ==================================
-- RESPONSIVE SECTION ENDS HERE ---
=====================================*/